For some reason, IE6 is ignoring my background-position in my
'a:link' below
Strangely, the a:hover is working.
When I mouse-exit, the button returns to the incorrect 0,0 position.
Does anyone know what this could be?
Of course, all is well in Firefox and Safari.
Here is the relevant CSS:
div#nav_menu {
position:absolute; width: 412px; height: 275px; margin: 10px 280px;
}
div#nav_menu li {
float: left; display:inline; margin: 0px 5px 20px 0px;
}
div#nav_menu a {
width: 132px; height:114px; display:block; text-indent:-9000px;
background: url('../images/buttons_longstrip.gif') no-repeat;
}
/* a:link does not work in IE6*/
#cucina_btn a:link {background-position: -264px 0px;}
/* a:hover works fine */
#cucina_btn a:hover, #cucina_btn a:focus {background-position:
-396px 0px;}
here is a snippet of the HTML
<div id="content">
<div id="nav_menu">
<ol>
<li id="pizza_btn"> <a href="#"> Bravo Pizzeria</a> </li>
<li id="cucina_btn"> <a href="#">Bravo Cucina</a> </li>
<li id="ferrara_btn"> <a href="#">Ferrara Cafe</a> </li>
</ol>
</div> <!-- close nav_menu -->
many thanks as I still a bit of a CSS noob
g
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
