Allora, sto creando (ed ho quasi finito) un sito di e-commerce per il negozio di un conoscente, ed in questo sito, in un menù laterale, ci sono tutte le varie categorie, separate tutte da un hr le cui caratteristiche sono state opportunamente
settate via CSS.
Ora, il problema è che FireFox mi visualizza tutto PERFETTAMENTE, mentre IE; come potete vedere voi stessi visitando il sito (http://www.maxmultimedia.it), mi allarga ogni singola voce rendendo il menù di altezza doppia.
Come posso fare per rendere la visualizzazione in IE uguale a quella con FireFox?
Ecco il codice che viene ripetuto per ogni voce di categoria:
Codice HTML:
<hr class="hrb" style="border-color: rgb(0,0,192);" />
<img src="img/leftarrow.gif" alt="" /> <a href="LINK_CATEGORIA" class="vocemenu">NOME CATEGORIA</a>
ed ecco la classe hrb nel CSS:
Codice:
.hrb {
border-style: dotted;
margin: 2pt;
}
Dove sbaglio?
(ps. non fate caso alle innumerevoli immagini nelle due colonne laterali del sito, so che rendono un po' confusionaria la pagina ma non le ho messe io, le inserisce lui dal pannello di controllo )