Problema ul css IE, sto impazzendo

[Lestat86]

Ciao a tutti ragazzi, ho un problema che ha del sovrannaturale con il mio elenco ul in IE, che ovviamente non ho in NESSUN altro browser.
Il problema è il seguente: ho due div affiancati in cui ho due elenchi puntati, con pallino colorato e font helvetica anch'esso colorato, e con interlinea personalizzato. Su firefox nessun problema, vengono visualizzati senza problemi, idem su chrome. Su IE nessun tipo di problema quando sono offline, ma quando lo carico online si "dimentica" di questa cosa, e me lo fa vedere nero e tutto sfasato. Ma qui viene la seconda parte paranormale: se seleziono col mouse (come per sottolinearlo) l'elenco, magicamente torna normale. E questo succede su tutti i pc su cui l'ho provato. E' come se selezionandolo IE si accorgesse che deve sistemarlo O_O
Idee? Io non sò più dove andare a parare... vi posto la porzione del CSS così ci date un'occhio:

body {
    margin:0px 0px; padding:0px;
    text-align:left;
    background: url(bodybg.jpg) repeat-x
    }
ul {
    padding: 0px;
    margin: 4px;
    color: #b0e45b;
}
li{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: Helvetica;
    font-weight: bold;
}
span {
    line-height: 4px;
    color: #ffffff;
}
hr{
    color: #c5e081;
    background-color: #c5e081;
    height: 10px    
}
div#container{
    width: 1024px;
    height: 770px;
    margin: 0 auto;
}
div#header{
    margin-top: 0px
    width: 1024px;
    height: 159px;
    background: url(testata.png) no-repeat
}
div#head1{
    width: 440px;
    height: 137px;
    float: left;
}
div#head2{
    width: 247px;
    height: 137px;
    float: left;
    background: url(tel.png) no-repeat
}
div#head3{
    padding:0px;
    margin-top:0px;
    width: 168px;
    height: 137px;
    float: left;
    display: block;
    display: inline;
    #display: block /*setting for IE7*/
    _display: block
}
div#head3 ul {
    padding: 0px;
    margin: 4px;
    color: #b0e45b;
}
div#head3 li{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: Helvetica;
    font-weight: bold;
}
div#head3 span {
    line-height: 4px;
    color: #ffffff;
}
div#head4{
    padding:0px;
    margin:0px;
    width: 168px;
    height: 137px;
    float: left;
}
div#head4 ul {
    padding: 0px;
    margin: 4px;
    color: #b0e45b;
}
div#head4 li{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: Helvetica;
    font-weight: bold;
}
div#head4 span {
    line-height: 4px;
    color: #ffffff;
} 

Grazie a tutti!!!!