selectbox ødelægger table-layout i Firefox
Jeg har problemer i Firefox, når jeg prøver at bruge float:left på to divs inde i et div, som har display:table.Jeg har ingen problemer i IE6 - der lægger de to divs sig pænt ved siden af hinanden. Men i Mozilla Firefox 2 breaker/lægger det andet div sig under det første - men KUN når jeg bruger en selectbox i det første div. Der er ingen problemer ved andre form-elementer eller tags generelt. Det er kun ved brugen af selectbox.
Her er koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<!-- content begin -->
<div id="content" style="position: absolute; display: table;">
<!-- mainarea begin -->
<div id="mainarea" style="float:left;">
<form action="test.asp" name="form1" id="form1">
<select name="select1" id="select1">
<option>Valg 1</option>
<option>Valg 2</option>
<option>Valg 3</option>
</select>
</form>
</div>
<!-- mainarea end -->
<!-- right menu area begin -->
<div id="rightnavigation" style="float: left;">
tekst her
</div>
<!-- right menu area end -->
</div>
<!-- content end -->
</body>
</html>
