problema posizionamento voci con IE

[emu86]

Ciao a tutti... come posso correggere l'errore che mi si presenta su IE per il menu(vedi immagine allegata)? praticamente il testo dovrebbe essere posizionato più in basso rispetto a come si presenta. questo è il codice css relativo:

div#navigation {
background : #ffffff url('http://www.scaffalature2f.it/p/menu.gif') no-repeat center top;
height : 70px;
text-align : left;
padding-bottom : 19px;
}
div#navigation p {
display : inline;
color : #ffffff;
margin-top : 15px;
}
div#navigation p a {
display : inline;
color : #ffffff;
}
div#navigation li a:link, div#navigation li a:visited {
display : inline;
color : white;
padding-left : 15px;
font-size : 11pt;
text-decoration : none;
padding-bottom : 0;
padding-top : 0;
margin-left : 15px;
}
div#navigation li a:hover {
background : #565656;
}
div#navigation ul li {
display : inline;
}

[doug]

Ciao, potresti riportare anche l'html?

[gengix]

Dovrebbe essere un problema dell'interlinea dei link.
Ho visto che non l'hai specificata nel pezzo di codice che hai postato.

Il mio consiglio è di utilizzare per la visualizzazione a schermo un'unità di misura più appropriata rispetto ai punti. In genere i punti vengono dati per la riproduzione su stampa.

In ogni caso come detto da doug, è buona norma postare anche il codice di struttura o un link relativo alla tua pagina, ci complichi meno la vita.

[emu86]

eccolo:

<div id="navigation">




<ul>[*]Home Page[*]Prodotti[*]Photogallery[*]Dove siamo[*]Contattaci

</p>
</div>

[gengix]

Per prima cosa hai incluso un elemento di blocco come un ul dentro ad un elemento in linea come strong. Questo non si può fare nell'html.
Ti sei dimenticato di chiudere l'ul.
Non vedo la necessità di chiudere un menu dentro ad un paragrafo. Anche perchè anche questo è un errore strutturale.
Se provi a validare il codice vedrai che te li segnala.

[doug]

Concordo!
Io toglierei i tag

e [b].

Il codice html diventa:

<div id="navigation">
<ul id="list">[*]Home Page[*]Prodotti[*]Photogallery[*]Dove siamo[*]Contattaci[/list]
</div>

per quanto riguarda il css invece aggiungerei:

- al div#navigation
width:700px;(a tua scelta)
margin:0 auto;(per centrare)

- ul#list{
padding-top:20px;
}

[emu86]

ciao... grazie mille... ora funziona... grazie mille ancora...

[doug]

Ciao!