<div> og mac

Ligger de allesammen i left:0 top:87?
Som om deres position var placeret ud fra vinduet og ikke cellen?

Så plejer det at hjælpe at sætte cellen til position:relative

Jeg kan ikke bruge relative da min <div>'er skal overlappe noget andet.... men jeg bruger float:left..... På pc bevirker det da at den forholder sig til "kassen" den er i, ikk? Kan mac ikke lide float?

Det er ikke i div'en du skal sætte relative, men på den td div'en er i.

Safari er jo stadig kun i beta, så den er "fyldt" med fejl.

relative på en <td> ? A'hva' ... kan man det?

Ja. Den kan sættes på alle elementer.
(Undtagen såkaldte "generated content")

Groft sagt:
<td style="position:relative">
Du behøver ikke andre attributter (left, top).

Her er noget kode at kigge på. Når jeg sætter style="position:relative" i <td>'erne med <div>'er i ændrer deres position sig nedad.... og det virker ikke på mac'en (i safari vel og mærke)

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td align="center" valign="top"    >
            <table width="740" height="100%" cellpadding="0" cellspacing="0" class="baggrund" border="0">
                <tr>
                    <td valign="top">
                        <table height="82" width="740" cellpadding="10" cellspacing="0" class="top" border="0">
                            <tr>
                                <td>
                                    <table height="62" width="720" cellpadding="0" cellspacing="0"border="0">
                                        <tr>
                                            <td width="40" align="left">
                                                <div class="menuIkon"><img src="image/megafon.gif"></div>
                                            </td>
                                            <td width="80" align="left">
                                                <div class="menuLink"><a href="index.php" class="menu">NYHEDER</a></div>
                                            </td>
                                            <td width="38" align="left">
                                                <div class="menuIkon"><img src="image/papir.gif"></div>
                                            </td>
                                            <td width="93" align="left">
                                                <div class="menuLink"><a href="gbog.php" class="menu">GÆSTEBOG</a></div>
                                            </td>
                                            <td width="38" align="left">
                                                <div class="menuIkon"><img src="image/billeder.gif"></div>
                                            </td>
                                            <td width="87" align="left">
                                                <div class="menuLink"><a href="billeder03.php" class="menu">BILLEDER</a></div>
                                            </td>
                                            <td width="50" align="left">
                                                <div class="menuIkon"><img src="image/avis.gif"></div>
                                            </td>
                                            <td width="150" align="left">
                                                <div class="menuLink"><a href="avisen.php" class="menu">BÆLUM AVISEN 2003</a></div>
                                            </td>
                                            <td width="160" align="left">
                                                <div class="menuLink"><a href="http://helpby.net/musik/" target="_blank" class="menu">DANSKE MUSIKSTÆVNER</span></a></div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <table width="740" height="20" cellpadding="0" cellspacing="2" border="0">
                            <tr>
                                <td width="115" class="gul">&nbsp;</td>
                                <td width="125" class="gul">&nbsp;</td>
                                <td width="125" class="gul">&nbsp;</td>
                                <td width="195" class="gul">&nbsp;</td>
                                <td width="180" class="gul">&nbsp;</td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top" height="100%" width="740">
                        <table width="740" height="100%" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td width="576" height="100%">
                                    <table width="576" height="100%" cellpadding="40" cellspacing="0" border="0">
                                        <tr>
                                            <td valign="top" width="576" height="100%"><?php include("nyheder.php"); ?></td>
                                        </tr>
                                        <tr>
                                            <td height="20" width="576" align="center" valign="bottom" class="copy">
                                                Copyright: Bælum Børnestævne - Webmaster/Design: <a href="http://www.rikjor.dk" target="_blank" class="copy">rikjor.dk</a>&nbsp;&nbsp;&nbsp;
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="164" height="100%">
                                    <table width="164" height="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td valign="top" width="164" height="100%"><?php include("brugere.php"); ?></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                           
            </table>
        </td>
    </tr>
</table>

.menuIkon {
    visibility:visible;
    position: absolute;
    top: 80px;
    height: 25;
    overflow: hidden;
}
.menuLink {
    visibility:visible;
    position: absolute;
    top: 87px;
    height: 25;
    overflow: hidden;
}

Så må jeg finde det frem igen.
Jeg er ret overbevist om at det fiksede et lignende problem.
Altså fx:
                                          <td width="40" align="left" style="position:relative">
                                                <div class="menuIkon"><img src="image/megafon.gif"></div>
                                            </td>
                                            <td width="80" align="left" style="position:relative">
                                                <div class="menuLink"><a href="index.php" class="menu">NYHEDER</a></div>

LUKKER

..