CIao...
Sto facendo un nuovo sito che per adesso è ancora in locale.
PEr la prima volta mi sono cimentato nella costruzione con i css e non con le tabelle, ma mi sono trovato davanti ad un problema... ecco l'immagine:


Come potete vedere nel div per i contenuti il testo adiacente al menu è spostato più sulla destra, ma quando il menu finisce il testo torna nella sua posizione normale.

Non so come risolverlo e i serve un aiuto...

Ecco il file css:

/* CSS Document */

/*______stili per il layout fisso_________*/

html,body{margin: 0;padding:0; background-color: #C8CDD1}

body{font-family: arial,sans-serif;font-size: 76%;text-align: center}

div#container{
width: 760px;margin: 0 auto;text-align: left;
border: #FFFFFF 1px Solid;
background-image: url(rightcol.jpg) repeat-y top left;
background-color:#CCCC66;
}


/*______stili specifici per il layout_________*/

div#navigation{float:left;width: 180px}

div#content{ text-align:left;
margin-left: 150px;
padding: 1em;
background-color:#C8D7E4;
border-left: Solid 1px #FFFFFF;}

div#footer{clear:left; text-align:center; padding: 0.5em;
background-color: #69c; color: #000; border-top: Solid 1px #FFFFFF;}

div#header{background-color:#36C;color: #ff0}


/*_______stili per la navigazione____(MODIFICABILI)________*/

div#navigation a{color:#FFFFFF;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #2E577A;text-decoration: underline}
div#navigation a#activelink{color: blue;text-decoration: none}



/*__________________MENU_____________________*/

/* Definisce lo stile di un layer contenitore del menu */

div.main {
width: 150px;
border: 0px Solid #FFFFFF;
}

/* Definisce lo stile di ogni singolo layer nelle sue parti più spicciole */

div.menu {
background: #EEEEEE;
font-size: 11px;
font-family: Verdana;
border-bottom: Solid 1px #FFFFFF;
}

/* Definisce lo stile dei link al caricamento */

a.menu {
background: #2E577A;
color: #000000;
padding: 1px;
position: Relative; /* Permette di ottenere l'effetto anche se il mouse non è sul testo */
text-decoration: None;
display: Block; /* Imposta il contenuto del layer per la larghezza del layer stesso */
}

/* Definisce lo stile dei link al passaggio del mouse (modificati solo i colori) */

a:hover.menu {
background: white;
color: white;
padding: 1px;
position: Relative;
text-decoration: underline;
display: Block;
}
Ed ecco l'html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<body>
<div id="container">
<div id="header">[img]Immagini/header1.jpg[/img]</div>
<div id="navigation">
<div class="main">
<div class="menu">Homepage</div>
<div class="menu">Forum</div>
<div class="menu">Top 100</div>
</div>

</div>
<div id="content">CIAOOOOOOOOOOOOOOOOOOOOOOOO
CIAOOOOOOOOO
CIAOOOOOOOOO
CIAOOOOOOOOO
CIAOOOOOOOOO
CIAOOOOOOOOO
CIAOOOOOOOOO
CIao</div>
<div id="footer">diritti</div>
</div>
</body>
</html>

Grazie mille!