CSS i firefox vs CSS i IE - trouble
Følgende kode:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Nyt dokument</title>
<style type="text/css">
body {
}
#navigation ul li {
list-style-type: none;
display: inline;
}
#logo {
float: left;
display: block;
width: 300px;
}
#login {
float: right;
display: block;
width: 460px;
}
#contentContainer {
background-color: green;
}
#headerContainer {
width: 100%;
background-color: yellow;
}
#mainContainer
{
margin: 0 auto;
width: 760px;
}
#navigation {
width: 100%;
background-color: red;
display: block;
margin: 0 auto 0 auto;
}
</style>
</head>
<body>
<div id="mainContainer">
<div id="headerContainer">
<div id="logo">LOGO HERE</div>
<div id="login">
LOGIN HERE
</div>
<div style="clear: both; display: none;"> </div>
</div>
<div id="navigation">
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
</div>
<div id="contentContainer">
Test!
</div>
</div>
</body>
</html>
Ser således ud i Internet Explorer:
http://peecee.dk/?id=37037
Og således i Firefox:
http://peecee.dk/?id=37038
Det er IE versionen som er den rigtige, hvorfor viser firefox den "forkert" ?
(undskyld billedkvaliteten, Vista snipping tool er dejligt :))
