Visualizzando la mia home page con IE (mi sembra anche con il 7, ora non ce l'ho a portata di mano), vedo uno spazio verticale extra tra le linguette e il testo principale.

Riporto qua un codice più o meno minimale in cui ho buttato via quello che non serve e si vede lo stesso fenomeno
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Home page di Pippo</title>

<link rel="stylesheet" type="text/css" href="pippo.css" />

</head>

<body>



Io sono Pippo</p>

<div id="navbar">

<ul>
<li class="indice">Home
<li class="articoli">Articoli
<li class="didattica">Didattica
<li class="collegamenti">Link
<li class="giocoleria">Giocoleria[/list]

</div>

<div id="main-text">



Pippo Pippo Pippo</p>

</div>

</body>

</html>
con CSS

codice:
body {
margin: 0;
padding: 0;
}

#navbar {
margin: 0;
padding: 0;
}

#navbar ul li {
list-style-type: none;
display: inline;
float: left;
background-color: #aeeeee;
}

#main-text {
clear: left;
margin: 0;
padding: 0;
float:left;
background-color: #aeeeee;
}
Qualcuno mi sa dire come rimediare?