Layout tableless con exploer

[majorTom]

Ciao a tutti,
ho bisogno di una grossa mano per sistemare un layout tableless (ancora in lavorazione, ma finchè non sistemo questo errore non ha senso andare avanti...) con explorer (con firefox non da problemi )

in pratica, in una classica struttura a tre colonne con header, su explorer i testi la cui lunghezza non supera quella del menu di sinistra (anche se non sono sicuro che sia questo il problema) vengono visualizzati dello stesso colore dello sfondo, se li seleziono e poi li deseleziono ritorna tutto a posto...

se volete, potete dare un'occhiata a quello che succede a questo link...

http://82.90.124.194:8080/ccs/
per ricreare l'errore, cliccate su CHI SIAMO (il contenuto si vede) poi su ORGANIZZAZIONE (il contenuto si vede solo se lo seleziono) e poi su presentazione (il contenuto si vede)

scusate per la lunghezza del post, ma è una settimana che ci sto sbattendo la testa e non mi va di rifare tutto il layout da zero, per poi magari trovarmi con lo stesso problema...

vi allego il css che sto creando, se servisse anche a qualcuno lo pigli e lo usi pure...

ciao e grazie...


html,body{margin: 0;padding: 0}
body{
font: 76% Verdana, Arial, sans-serif;
background-color: #EFEFEF;
color: #000000;
}

h1,h2,h3{margin: 0}
h1{color: #7FA0B1;font-size: 200%}
h2{color: #B8B8B8;font-size: 180%}
h3{color: #A47E6A;font-size: 150%}
p{margin: 0 0 0.8em 0}

input {
font-size: 10px;
}

#container{
min-width: 550px;
margin:0 7%;
border: thin solid #993300;
padding: 5px;
background-color: #ffffff;
}
#container2{
background-color: #FFFFFF;
}

#header{
background: #FFF url(images/logo.gif) no-repeat right;
height:70px;
line-height: 20px;
padding: 2% 2% 0;
font-weight: bolder;
}

#header #title{
color: #CC3300;
font-size: 20px;
}

#header #subtitle{
color: #003399;
font-size: 14px;
}

#header a#skipnav{position: absolute;left: -9000px}

#searchBox{
background-color: #FFFFFF;
border: thin solid #0066CC;
height:40px;
font-size: 12px;
color: #0066CC;
vertical-align: middle;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-weight: bold;
}

#searchBox form{
float:right;
color: #990000;
}

#nav{float: left;width:140px;\width:150px;w\idth:140px;padding : 5px 5px 0;}
#nav .menu{
color: #0066CC;
}

#nav a{
text-decoration: none;
color: #003399;
font-weight: bold;
}

#nav a:hover{
color: #993300;
font-weight: bold;
text-decoration: underline;
}

#nav .menu .menuTitle{
color: #993300;
background-color: #FFCC00;
text-indent: 10px;
font-size: 12px;
width: 100px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

#nav .menu .menuItems{
background-color: #37597A;
padding: 5px;
}

#nav .menu .menuItems a{
color: #FFFFFF;
}

#nav .menu .menuItems a:hover{
color: #FF0000;
}

#nav .menu .menuItems .menuItem{
text-indent: 20px;
line-height: 15px;
}

#nav .menu .menuItems .mainMenuItem{
text-indent: 10px;
line-height: 15px;
}

#extra .menu{
color: #0066CC;
text-align: right;
}

#extra a{
text-decoration: none;
}

#extra .menu .menuTitle{
color: #993300;
background-color: #FFCC00;
text-indent: 10px;
font-size: 12px;
width: 100px;
font-weight: bold;
border-top: 1px solid #993300;
border-right: 1px solid #993300;
border-bottom: 1px none #993300;
border-left: 1px solid #993300;
}

#extra .menu .menuItems{
border: 1px solid #993300;
background-color: #ffffff;
padding: 5px;
}

#extra .menu .menuItems .menuItem{
text-indent: 20px;
line-height: 15px;
}

#logo {
text-align: right;
}


#extra{float:right;width:140px;\width:150px;w\idth :140px;padding: 0 5px;}

#extra #loginForm{
color: #FFFFFF;
background-color: #FF6600;
text-align:right;
padding: 2%;
margin: 0px;
}

#extra #loginForm .formElement{
padding: 2px 0px;
}

#content{
margin:0 210px 0 160px;
}
#content p{line-height:1.3}

#content #stampa{
text-align: right;
height:30px;
}

#navbar a {
color: #0066FF;
text-decoration: none;
}

#navbar a:visited {
color: #0066FF;
text-decoration: none;
}

#navbar a:hover {
color: #0066FF;
text-decoration: underline;
}

.menuLImage {
float: right;
width:20px;
background-image: url(images/menu_des_blu.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
color: #FFFFFF;
background-color: #FFFFFF;
}

#footer{clear:both; background: #fff url(footer.jpg) repeat-x top;color: #4E768A}
#footer p{margin: 0;padding: 10px 0;text-align: center;font-size: 80%}

[Kreatore]

analizzando cosi il codice ti direi di inserire il color:#000000 in #stampa

[majorTom]

Purtroppo niente da fare anche mettendo color:#000000 in #stampa... tra l'altro stampa è responsabile solo della formattazione della scritta stampa, che è l'unica cosa che non scompare...

grazie comunque per la risposta...

[Kreatore]

e mettendolo in #content p?

[majorTom]

purtroppo niente ancora...
avevo già provato a metterlo sia in #content che in #content #p senza risultati...
La cosa strana, che mi fa pensare sia un baco di explorer da aggirare è che se io provo a ridimensionare la finestra anche solo di 1 px il testo compare!!!!

[majorTom]

Se a qualcuno può interessare, ho trovato una soluzione, anche se non mi piace molto...

#content{
margin:0 210px 0 160px;
width:450px;
}

ps: qualcuno sa dirmi perchè così funziona???
sinceramente non l'ho capito, è venuto fuori provando delle modifiche a caso preso dalla disperazione...

Ciao e grazie...