koppeling in float werkt niet in firefox als hij onder een andere float uitkomt

[antoncavia]

De tekst/info gedeelte op mijn site bestaat uit 2 delen, eenrechter en een linker kant, dit zijn 2 floats.

Alle links van de rechter float die onder de onderkant van de linkerbox uitkomt, doen het niet in firefox.

Dit is een mooi voorbeeld, de link helemaal onder in de rechter float van de architect doet het dus niet in firefox;

http://www.skylinecity.info/rotterdam/gebouwen/hoge_erasmus_rec.htm

iemand een oplossing?

Css code (content is de linker, menupage de rechter);

#wrapper-content{ background: white url('images/bg02-white-left.png') no-repeat left top; }­

#content {

background: transparenturl('images/bg02-white-right.png') no-repeat right top;

padding: 1px 320px 2em 24px;

font-size:90%;

}

#menu-page{

float: right;

width: 335px;

margin: 10px 18px 1em 1em;­)

background: transparenturl('images/menu.png') no-repeat;

text-align: left;

line-height: 130%;

font-family:"trebuchet ms,verdana, arial, tahoma;

}

#menu-pageul {

margin: 0;

padding: 0 0 0em 1em;

list-style: none;

font-size: 90%;

dit is de code op de menu page op de html pagina;

<divid="wrapper-content">

<divid="menu-page">

<h4>HogeErasmus</h4>

<ul>

<p><li>

<div id="tabel">

<table>

<tr>

<tdwidth="90" valign="top">Architect:</td>

<td><atarget="_blank"href="http://www.klunderarchitecten.nl/">

KlunderArchitecten</a></td>

</tr>

<tr>

<tdwidth="90" valign="top">Hoogte:</td>

<td>93m.

</td>

</tr>

<tr>

<tdwidth="90" valign="top">Verdiepingen:</td>

<td>28</td>

</tr>

<tr>

<tdwidth="90" valign="top">Bouwjaar: </td>

<td>2001</td>

</tr>

<tr>

<tdwidth="90" valign="top">Functie:</td>

<td>Woningen/ kantoor</td>

</tr>

</table></div>

</li>

<pstyle="margin-top: 0; margin-bottom: 0">

<p> </p>

<p><imgborder="0" src="../../images/li_cube.gif">

<atarget="_blank"href="http://maps.google.nl/maps?q=Willemsplein+489-569+Rotterdam&hl=nl&sll=51.920503,4.480458&sspn=0.006452,0.016512&vpsrc=0&hnear=Willemsplein+489,+Nieuwe+Werk,+Rotterdam,+Zuid-Holland&t=h&z=17">Locatie</a>van het bouwwerk</p>

<p> </p>

<p>heeeeeelveel tekst.

</p>

<p></p>

<p><h5>Bronen copyright:

<atarget="_blank"href="http://www.klunderarchitecten.nl/">KlunderArchitecten</a> </h5>

</div>

<!--menu-page-->

[antoncavia]

update, ik heb ontdekt dat ik met safari hetzelfde probleem heb

[antoncavia]

na 2 dagen zoeken en googlen, heb ik het opgelost

ik moest de floats clearen.

CSS

.clear

{

clear: both;

}

HTML:

< div class="clear"></div>