problema con menu, differenze tra FF e IE7

[Fumocamel]

nel presente sito www.ape.si

se cliccate in alto su projekti
vi apparità a sinistra un sottomenù...

in firefox e safari appare bene
in internet explorer 7 apparirà troppo schiacciato

ho provato a modificare il css ma niente

a.mainlevel:link, a.mainlevel:visited {
	display: table; 
	background: url(../images/erzo/icns/bullet-main.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #124195;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 25px;
	height: 20px !important;
	
	width: 100%;
	text-decoration: none;
	line-height: normal;	
}

ho modificato il height ma non mi calcola...

consigli?

[thomas_anderson]

ciao!
ie7 non supporta il valore 'table' per 'display'. devi usare block.

[Fumocamel]

grazie tante per la tua cortese risposta

allora ho provato a fare il css così

a.mainlevel:link, a.mainlevel:visited {
	display: table !important;
	display: block;
	background: url(../images/erzo/icns/bullet-main.gif) no-repeat; 
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #124195;
	text-align: left;
	padding-top: 5px !important; 
	padding-left: 18px;
	height: 25px;
	height: 20px !important;
	
	width: 100%;
	text-decoration: none;
	line-height: normal;	
}

e sembra funzionare, solo che non mi manda a capo il menù quando la scritta è troppo lunga...

[Fumocamel]

ho risolto aggiungengo questo:

max-width: 149px; <-- ho inserito questa voce