Ciao a tutti! Allora avrei due problemi.

Il primo:

Che padding posso dare al mio menu verticale affinchè abbia la riga tutta colorata per intero? In modo che passando con l'hover mi dia l'effetto desiderato.

Ho un pò giocherellato con il padding ma non ci riesco.

HTML

codice:
<div id="menusec">[img]images/menubg.png[/img]

    <ul>[*]

Oroscopo</p>[*]

News</p>[*]

My PC</p>[*]

Podcast</p>[*]

Upload</p>[*]

Streaming</p>[*]

Flash Games</p>[*]

Guide, Tutorial...</p>[/list]

</div>
CSS

codice:
#menusec {
    
    position: absolute;
    left: 75%;
    top: 20%;
}

#menusec ul {
    
    position: absolute;
    top: 2%;
    list-style: none;
    left: 5%;
}

#menusec li {
    
    display: block;
    height: 55px;
    
}

#menusec a {
    
    text-decoration: none;
    color: white;
    font-size: 20px;
    line-height: 2em;
}

#menusec a:hover {
    
    background-color: #292929;
}

#menusec p {
    
    text-align: center;
    position: relative;
    left: 50%;
}
Problema 2:

Ho messo il visited in modo che man mano che visito le pagine so dove mi trovo.

Il problema è che su IE 8 funziona, mentre su FF no.

CSS

codice:
#menu a:visited {
    
      background-color: #b20f0c;
    border-bottom: 5px solid #292929;
       -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
Grazie a tutti!