Fjern luft imellem div header og div navigation
Der skal ikke være luft imellem header og navigation. I Firefox er der luft imellem header og navigation, men det er der ikke i Internet Explorer. Hvordan fjerner jeg luften imellem header og navigation?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test side</title>
<style type="text/css">
body
{
width: 720 px;
margin-top: 20px;
margin-bottom: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #CCCCCC;
}
#container
{
background-color: #FFFFFF;
border: 1px solid black;
}
#header
{
}
#navigation ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
background: #036;
float: left;
width: 100%;
}
#navigation ul li
{
display: inline;
}
#navigation ul li a
{
display: block;
float: left;
padding: .2em 1em;
text-decoration: none;
color: #fff;
background: #036;
border-right: 1px solid #fff;
}
#navigation ul li a:hover
{
color: #000;
background: #069C;
}
#footer
{
text-align: center;
}
</style>
</head>
<body>
<div id="container">
<div id="header"><img src="banner.png" width="100%" height="60"></div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Page1</a></li>
<li><a href="#">Page2</a></li>
<li><a href="#">Page3</a></li>
<li><a href="#">Page4</a></li>
</ul>
</div>
<div id="content">
</div>
</div>
<div id="footer">Test Testesen</div>
</body>
</html>
