CSS Switch e quel (beep) di un menu

[1802]

salve a tutti.
Ho recentemente messo online la nuova versione del mio sito, che mi serve da test per tutti i miei futuri siti.

http://homepage.mac.com/matteo.discardi/home.html

Al momento il sito va sommariamente bene, ma ci sono due problemi che proprio non riesco a risolvere.

1 - Internet Explorer si ostina a darmi una altezza di menu insensata: non c'è nessuna motivazione per cui il menu sia così alto, chiedetelo a Firefox...

2 - ho usato un js per eseguire lo switch dello stile (da lime a orange, cliccate sul frutto all destra). Tale js non è mio, l'ho preso tempo addietro da qualche parte, e ha funzionato egregiamente sia sulle precedenti versioni del sito, sia su altri siti (http://www.audiodj.it/home.asp), eppure qui, che non ho cambiato molto, non salva i cookies e ad ogni pagina mi ricarica lo stile principale (Lime).

Grazie a tutti, sono gratidi anche commenti costruttivi grafici sulla nuova versione

[thomas_anderson]

ciao!
posta il codice CSS del menu. e quello XHTML.

[1802]

Eccolo, questo è il markup

<div id="menu">
<ul>
[*]
Home

[*]
News

[*]
Portfolio

[*]
Immagini

[*]
Links

[*]
Download

[/list]
<hr />
</div>

e questo è il css

/* Menu */
#menu
{
width: 100%;
margin: 0px;
font-family: Tahoma, "Lucida Grande", Verdana, sans-serif;
font-size: 9px;
font-weight: normal;
line-height: 15px;
text-align: center;
border-color: #999;
border-width: 1px 0 1px 0;
border-style: solid;
background-color: #CCC;
height: 15px;
}

/*IE hack*/
* html #menu ul { margin-bottom: 0px; }

#menu ul
{
display: inline;
padding: 0px;
margin: 0px;
}

#menu li
{
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
}

#menu a
{
float: left;
width: 98px;
margin: 0px 0px 0px 1px;
padding: 3px 0;
background-color: #CCC;
color: #666;
text-decoration: none;
text-transform: lowercase;
}

#menu a:hover
{
background-color: #FFF;
color: #000;
}

Ciao

[thomas_anderson]

Usa il padding per l'altezza del menu. togli height e line-height.