CSS on Mac IE issue

Divs not lining up correctly

[kiwidesign]

Hi All,

I have some divs that I basically want stacked on top of each other. On IE Mac the top div displays as it should but the div underneath it displays to its right instead of underneath it.
Here is the code:

#top{width:740px;
float:left;
}

td.logo{
}
td.address{
width:253px;
background-color:#660000;
color:#d9d6b5;
padding-left:10px;
font-size:11px;
}
#buttons{
width:740px;
}
#gap{
width:740px;
float:left;
}

Any ideas how i can fix this prob?
It displays correctly on IE pc

<div id="top">
<table border="0" cellspacing="0">
<tr>
<td class="logo"><img src="images/logo.gif"></td>
<td class="address">facsimilie: 03 3822 586<br>
mobile: [phone]<br>
PO Box 18919<br>
email: <a href="mailto:[e-mail]" class="header">[e-mail]</a></td>
<td class="fawn">&nbsp;</td>
</tr>
</table>
</div>
<div id="gap"></div>
<div id="buttons"><img src="images/buttons.gif" width="741" height="164"></div>

[edited by: tedster at 4:04 am (utc) on Sep. 2, 2005]
[edit reason] se example.com inside code [/edit]

[Span]

It looks like it will only happen on a window width of about +1500px. Changing your #buttons in a clearing div should help:

#buttons {
clear:both; /* added */
width:740px;
}

[kiwidesign]

Thanks heaps.
That worked perfectly.