Buongiorno

sono Pilessio e mi sono iscritto a questo forum perchè sono un sistemista aspirante web developer.

Sto utilizzando Django come framework, conoscendo il python mi viene molto comodo, ma per il problema che sto sperimentando questo è irrilevante.

Vi uppo sorgente html e sorgente css:

Sorgente HTML:

<!DOCTYPE HTML>

<html>
<head>
<title>Gestione domini</title>
<style> @import url(/static/Gestione/css/gestione.css); </style>
<meta http-equiv=”Content-Type”; content=text/html; charset=iso-8859-1″>
</head>

<body>
<div id="headers">
<h1>
Admin contacts

</h1>
</div>


<div id="menu">
<h2>
<ul >
<li><a href="/Gestione/DomainsIT/"> Domains IT </a></li>
<li><a href="/Gestione/Adm_Contacts/"> Admin Contacts </a></li>
<li><a href="/Gestione/Reg_Contacts/"> Registrant Contacts </a></li>
<li><a href="/Gestione/DomainsTLD/"> Domains TLD </a></li>
<li><a href="/Gestione/Logins/"> Logins </a></li>
<li><a href="/Gestione/Registrars/"> Our Registrars </a></li>
<li><a href="/Gestione/Customers/"> Our Customers </a></li>
<li><a href="/Gestione/search/"> Search </a></li>
<li><a href="/Gestione/Import/"> Import </a></li>
</ul>
</h2>
</div>

<div id="content">
<ul>



<li> <a href="/Gestione/Adm/asd/"> asd </a></li>



</ul>
</div>




<div id="subset">

</div>




<div id="torna">
<p> <a href="javascript:history.go(1)"> Go back </a> </p>
<p><a href="/Gestione/">Torna alla home </a></p>
</div>

</body>
</html>

Sorgente CSS:


body {
background: yellow;
}

#headers h1 {
border: 10px 5px 10px 5px;
background: black;
color: red;
position: top;
}

div#menu ul {
font-family: Verdana, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
list-style: none;
}

div#menu ul li {
background-color: #FF831C;
border-bottom: 5px solid #54BAE2;
display: block;
width: 150px;
height: 30px;
margin: 2px;
float: left;
}

div#menu ul li a {
color: #fff;
display: block;
font-weight: bold;
line-height: 30px;
text-decoration: none;
width: 150px;
height: 30px;
text-align: center;
}

div#menu ul li.active, div#menu ul li:hover {
background-color: #54BAE2;
border-bottom: 5px solid #FF831C;
}

In allegato avete l'immagine di come si visualizza la pagina.visualizzazione_pagina.jpg

Il contenuto del div con id content mi si allinea al contenuto con il div con id menu anche se nel
css non vi è alcun riferimento al div con id content.

Il CSS non è altro che questo leggermente modificato per funzionare col div:

http://www.html.it/pag/18988/menu-or...-con-le-liste/

Potreste aiutarmi?

Grazie mille