Hi.
I have below little code. This generate a bar with small rectangle on left
and right side.
If mouse is not over bar, then rectangles are gray. If mouse is over bar
then rectangles
are red. The problem is why IE6 stretching bar when mouse is over bar ?
In IE5.x, Opera 7.23 and FF 0.9 everything is fine.
Regards,
Cezar
[html]
<div class="titlestart"><a class="ts gray3" href="link">Test</a></div>
[css]
..titlestart{
border:1px solid;
cursor:pointer;
height:20px;
font:normal normal bold 12px Verdana,arial,geneva,helvetica,sans-serif;
padding:0;
margin:0;
clear:both;
color:#5a5a5a;
border-color:#ccc #666 #666 #ccc;
background:#fafafa url(../pic/titlestart.gif) repeat-x;
}
..ts{
display:block;
padding:0.25em 0px 0.25em 32px;
}
a.gray3:link,a.gray3:visited{
color:#444;
border-left: 8px solid #999;
border-right: 8px solid #999;
}
a.gray3:hover{
color:#b00;
border-left: 8px solid #b00;
border-right: 8px solid #b00;
}