By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,009 Members | 2,821 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,009 IT Pros & Developers. It's quick & easy.

hover+ie6+stretching

P: n/a
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;
}
Jul 20 '05 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.