CSS3 PIE Forums
http://css3pie.com/forum/

:hover round corner IE8, flashes bg-color square on hover?
http://css3pie.com/forum/viewtopic.php?f=3&t=1751
Page 1 of 1

Author:  xbrowserBURNS [ Wed Aug 15, 2012 9:06 am ]
Post subject:  :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;
}

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/