sto cercando di realizzare un sito con layout a più colonne interamente senza l'uso di tabelle (ma sono ancora piuttosto lontano dal riuscirci!). mi capita ora che il contenuto della colonna centrale (che ho chiamato "content") fluttui attorno a quella di sinistra contenente il menù (che ho chiamato "navigation_a") anziché mantenersi allineato, e non capisco come mai.
la pagina in cui si verifica il problema è visualizzabile a questo indirizzo http://www.ccib.it/prova/sede.htm
e di seguito riporto il relativo foglio di stile.
grazie infinite se potrete aiutarmi.

--------------------------------------

html,body {margin:0; padding:0}

body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
background-color: #E6EEF7;
}

div#container { }

div#header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
margin: 0px;
padding: 5px 0px 0px 10px;
background-image: url(images/pixel_blu_369.gif);
}

h1 {
font-weight: bold;
color: #036;
font-size: 20px;
}

h2 {
font-weight: bold;
color: #036;
font-size: 16px;
font-style: oblique;
}

h3 {font-weight: bold;
color: #036;
font-size: 14px;
font-style: }

div#navigation {background-color:#369; border-bottom:1px solid #003366; padding-right:20px; text-align:right}
div#navigation ul {list-style-type:none; margin:0; padding:0; white-space:nowrap}
div#navigation li {display:inline; margin:0; padding:0}
div#navigation li a {text-decoration:none; border:1px solid #003366; padding:0px 0.3em; background-color:#E6EEF7; color:#036S}
div#navigation li a:hover {background-color:#003366}
div#navigation li#activelink a {border-bottom:1px solid #E6EEF7; background-color:#E6EEF7}

div#navigation_a {
float:left;
width: 200px;
padding:10px;
}

#navcontainer { }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

div#extra {
float:right;
width:180px;
font-family: "Courier New", Courier, mono;
font-size: 12px;
font-variant: small-caps;
color: #000000;
margin: 30px 10px 5px 5px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333333;
padding: 5px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #333333;
background-color: #FFFFFF;
}

div#extra_flag {
float:right;
width:40px;
font-family: "Courier New", Courier, mono;
font-size: 10px;
font-variant: small-caps;
padding: 5px;
margin: 10px;
}

div#content {padding: 0 10px;
}

div#footer {
padding: 2px;
font-size: 10px;
color: #333333;
border-top-width: 3px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
text-align: center;
font-variant: small-caps;
margin: 0px;
clear:both
}
a {
color: #369;
}
a:hover {background: #369; color:#ffffff
}