Foglio di stile e posizioni diverse per i browser

[-AA-]

Ciao a tutti
Ho 1 problemino con il posizionamento di 1 classe con differenze tra FireFox , IE6 e IE7

Ho fatto 2 stili diversi a seconda di ...se è IE o se è FIREFOX ...ma anche tra IE6 e IE7 ho delle differenze

Come posso impostare nello stesso foglio di stile (quello di IE) 2 classi con parametri diversi

questa la classe in questione

questa la classe di IE
.optionViewer {
	position: absolute;
	margin-top: 23px;
	margin-left: -135px;
 	overflow: auto;
	width: 200px;
	max-height: 200px;
	font-size: 11px;
	background: #c7e3ef;
	color: #0476a5;
	z-index: 100;
}


questa la classe di FireFox
.optionViewer {
	position: absolute;
	margin-top: 0px;
	margin-left: -10px;
 	overflow: auto;
	width: 200px;
	max-height: 200px;
	font-size: 11px;
	background: #c7e3ef;
	color: #0476a5;
	z-index: 100;
}

Questi i parametri che fanno la "differenza"

FireFox
	margin-top: 0px;
	margin-left: -10px;

IE6
	margin-top: 23px;
	margin-left: -135px;

Allego ciò che succede con IE6, IE7 e FireFox come immagine