differenza posizione menu ff e ie

[TheNicki]

Ciao a tutti,
vi posto un link e vi chiedo un aiutino.

http://www.thenicki.altervista.org

Il menu orizzontale con ie lo vedo bene, posizionato come voglio io e con lo sfondo posteriore della dimensione giusto, con ff il menu viene tutto attaccato, a la barra che sta come sfondo è piu' piccola dei pulsanti...

vi posto il css, sperando nel vostro aiuto:

html,body{margin:0; padding: 2;background : url('sfondoxx3.jpg') repeat-x;overflow:auto}
body{font-family: arial,sans-serif, size:73%}
div#container{}
div#header{margin-left:70px;margin-right:70px;margin-top:65px;WIDTH:75%;}
div#navigation{background: url('barranico.jpg') repeat-x; height: 150%; display:inline; float: right; margin-right: 70px; width:18% ;border-top-style: inset}
div#content{font-size: 1.5em; padding: 3px; margin-left: 70px; margin-right:70px; height: 150%; float: center;border-top-style: inset}

div#footer{clear:both;padding:0.5em; background-color:#708090; color:#000; text-align:center;margin-left:70px;margin-right:70px}

[Myaku]

probabilmente c'è qualcosa di sbagliato nel codice. E' FF quello che rispetta gli standard. Ottimizza per FF e solo poi correggi i bug di IE.
Comunque, i css sono case sensitive.

[TheNicki]

Lo so che dovrei ottimizzarlo per ff, ma non ci riesco...
non capisco quale sia l errore.
Se qualcuno me lo potesse indicare gliene sarei grato

[hallo63]

.hovermenu ul{height :25px;....}

[TheNicki]

Grazie hallo.
Ho risolto il problema della barra di sfondo, inserendo display:inline li' dove mi hai indicato tu .

Ora resta il problema di far estendere meglio il menu' cosa che ie fa, ff no.

[hallo63]

strano perche a me con ie6 mi va accapo l'ultimo link con ff no
comunque eliminerei <ul>[*] per una struttura + semplice
<div><a></a><a></a>.....</div>

ciao

[TheNicki]

Quindi mi suggerisci di non utilizzare l elenco <ul>. Per te basta il css?

Altra domanda, se elimino l elenco come faccio a distanziare proporzionalmente i vari link?

Grazie e scusa il disturbo

[hallo63]

esempio

a {
display:inline;
margin-left:2em;
margin-right:2em;
border:2px #000 solid
}

a:hover{
border-style:dotted
}