In IE6, background-position for my PNG image is being ignored :(
I have a large png image that contains all of the button states of my
nav menu.
I am repositioning the png image, with overflow hidden, for each
button graphic
This works great in Firefox, but IE 6 is ignoring the background-
position property.
The below works in Firefox, but not in IE 6.
CSS:
#nav_menu a{
background: url('../images/button_matrix.png') no-repeat; display:
block; overflow:hidden;
_background-image: expression("none");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./
images/button_matrix.png', sizingMethod='crop');}
/* Move the button_matrix.png into place over the 'pizza' button. */
#pizza_btn a:link {background-position:0px 0px;}
#pizza_btn a:hover, #pizza_btn a:focus {background-position:-132px 0px;}
HTML:
<div id="nav_menu">
<ol>
<li id="pizza_btn"> <a href="#"> <img src="./blank.gif"/> Bravo
Pizzeria</a> </li>
<li id="cucina_btn"> <a href="#"><img src="./blank.gif"/>Bravo
Cucina</a> </li>
<li id="ferrara_btn"> <a href="#"><img src="./blank.gif"/>Ferrara
Cafe</a> </li>
</ol>
</div> <!-- close nav_menu -->
I am new to CSS so any help is appreciated.
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/
