[rupun_b]

I am using a hover effect in a form textfield through css , It is working in ie7 and firefox but ie6 is not supporting that. Any solutions? Another thing is I have applied a fixed width and height through css to the textfields , but in ie (6 and 7 ) is showing 2px transparent border or margin, margin:0; padding:0 is applied. This is coming even without applying css. The class is shown below.
Any idea about the problems?


.input1{
width:210px;
height:15px;
border:1px solid #C3DF61;
background-color:#F0FFBB;
overflow:hidden;
padding:0;
margin:0;

}
.input1:hover{
width:210px;
height:15px;
border:1px solid #C3DF61;
background-color:#CCCCCC;
overflow:hidden;
padding:0;
margin:0
}
.input1:focus{
width:210px;
height:15px;
border:1px solid #8c8c8c;
background-color:#CCCCCC;
overflow:hidden;
padding:0;
margin:0
}

[pgo]

IE6 doesn't recognize the :hover pseudo-class for anything but anchors. And I believe that :focus is not supported in any version of IE.

The only way to do it is JavaScript fed to IE only.