:hover round corner IE8, flashes bg-color square on hover?
Can someone give me an example of how this is supposed to work please?
Basic hover effect with round corners is my goal.
My server is getting the correct mime type and reading the htc file etc.
here is my html struct
...
Code:
<body>
<form name="myForm">
<div id="mainHeader">
<div id="topNav">
<ul class="navBarHorizontal">
<li>
<a class="topNavAnchor" href="myLink.aspx?someParameters">
my css that I have tried that doesn't work
...
Code:
a.topNavAnchor
{
color: #000000;
font-size: 11px;
padding: 2px 5px 2px 5px;
margin: 0;
behavior: url('/relativeRoot/css/pie.htc');
}
a.topNavAnchor:hover
{
background-color: #c71d22;
/*border: 1px solid #c71d22;*//* Have tried on and off, same effect */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
Forums
