problema css su IE

Salve a tutti,

utilizzando questo codice si crea un bottone che su firefox funziona
in modo esatto:

button {
border:0;
cursor:pointer;
font-weight:bold;
padding:0 20px 0 0;
text-align:center;
}
button span {
position:relative;
display:block;
white-space:nowrap;
padding:0 0 0 20px;
}

/*blue buttons*/
button.submitBtn {
background:url(http://www.xxx.it/images/btn_blue_right.gif) right no-
repeat;
font-size:1.3em;
}
button.submitBtn span {
height:50px;
line-height:50px;
background:url(http://www.xxx.it/images/btn_blue_left.gif) left no-
repeat;
color:#fff;
}
button.submitBtn:hover {
background:url(http://www.xxx.it/images/btn_blue_right_hover.gif)
right no-repeat;
}
button.submitBtn:hover span {
background:url(http://www.xxx.it/images/btn_blue_left_hover.gif) left
no-repeat;
}

Su IE devo aggiungere il seguente codice:

button {
width:auto;
overflow:visible;
}
button span {
margin-top:1px;
}

Utilizzando però questa condizione per includere il codice nel caso di
IE6 non funionza:

<!--[if IE 6]><link href="css/ie_6button.css"
rel="stylesheet"
type="text/css" media="all" /><![endif]-->

qualche dritta?

grazie
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente
[ Auf dieses Posting antworten ]