Problema dimensione immagini con Explorer

[DbRm]

Sera a tutti, ragazzi.
Ho un problema di visualizzazione con il css del seguente menu:

http://www.worldsfinest.it/public2/f...cript/menu.php

<link rel="stylesheet" type="text/css" href="class.css" />
<table border="0" cellpadding="0" cellspacing="0">
<td valign="top" width="165"><div class="info2"></div></td><tr>
<td height="2"></td></tr>
<td valign="top" width="165"><div class="schede2"></div></td><tr>
<td height="2"></td></tr>
<td valign="top" width="165"><div class="news2"></div></td><tr>
<td height="3"></td></tr></td>
</table>

Class.css

.info2 a.link{
	float: right;
	display: block;
	background: url(../sito/02_info.gif) no-repeat;
	spacing: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	width: 104px;
	height: 12px;


}

.info2 a.link:hover{
	float: right;
	display: block;
	spacing: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	background: url(../sito/01_info.gif) no-repeat;
	width: 104px;
	height: 12px;


}

Usando il browser Firefox, i bottoni si vedono nella loro dimensione originale, mentre con Explorer (maledetto!) vi è un abbondante separazione, dovuta ad un inspiegabile ridimensionamento della lunghezza che non segue il comando dei 12px, dato nella classe.

Come posso fare per offrire una visualizzazione uguale per entrambi i browser?


Come sempre, un grazie anticipato a chiunque partecipi alla discussione

[miki003]

Usa i commenti condizionali per adeguare la pagina a IE

[Mich_]

Anzitutto stai mescolando formattazione HTML con formattazione CSS: questo puo` comportare dei conflitti, che browser diversi risolvono inmodo diverso.

Pertanto la prima cosa da fare e` togliere tutta la formattazione HTML e trsformarla nella corrispondente formattazione CSS.
((mi riferisco agli attributi: valign="top" width="165" height="2"))


Altro problema: il tuo menu e` realizzato con marcatura non semantica: questo complica un po' la sistemazione del CSS (in qualche browser diventa complicatissimo). I menu si realizzano con le liste. Trovi esempi validi e gia` testati in tutti i browser piu` diffusi anche partendo dai "link utili" (a me piacciono quelli di CSSplay).


Terza cosa: IE (quirks mode) non accetta altezze minori del font: per avere oggetti piu` bassi del font, occore cambiare anche la dimensione del font