função onmouseover e onmouseout

[RoXbY 3]

Opa, beleza? Só acontece isso no IE, segue a imagem e o erro respectivamente.... :)

 

 

1 - sem ação

2 - mouse em cima

3 - pressionado

4 - pressionei e tirei o mouse de cima do botão, desclicando no palco

5 - passei o mouse em cima e volta ao normal

1 - mouse em cima.... etc

 

 

alguém tem idéia do que pode ser? Parece que ele reflete os outros itens que estão no site, por exemplo, o 4 está refletindo um logotipo, como se ele tivesse sido carregado em cima do botao..

 

<input type="submit" name="Submit" value="Logar" class="botaoOff" onmouseover="this.className='botaoOn'" onmouseout="this.className='botaoOff'" style="width:200px"/>

o css

.botaoOff {	color: #000;	background:#FEFEFE url(../images/backlabel_off.gif);	margin:5;	padding-left:5px;	border-width: medium;	border-style: double;	border-top-color: #c4cccc;	border-right-color: #acb5b5;	border-bottom-color: #6f7777;	border-left-color: #acb5b5;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;}.botaoOn {   color: #800000;	background-color: #FEFEFE;	background-image: url(../images/backlabel_off.gif);	margin:5;	padding-left:5px;	border-width: medium;	border-style: double;	border-top-color: #FFD7D7;	border-right-color: #FFB0B0;	border-bottom-color: #FF8080;	border-left-color: #FFB0B0;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;}

[Giovani 104]

Tenho quase certeza que isso não é o erro, mas olha só:

margin:5px;

Altere seu código! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[]´s

[RoXbY 3]

refiz o css, sabe, arregaçar as mangas. Agora ta funcionando, só uma pergunta:

 

posso definir cores como defino tamanhos, etc? várias em uma só característica?

 

abs!

 

.botaoOff, .botaoOn {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	border: 3px double;	background:url(images/backlabel_off.gif) repeat-x;}.botaoOff {	color: #000;	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;}.botaoOn {	color: #800000;	border-color: #FFD7D7 #FFB0B0 #FF8080 #FFB0B0;}