Hello list,
I cannot post a link at this time, so I hope I can explain this well...
I have two <a href>s with the following style:
a.browse {
display:block;
position: absolute;
background-position: 0 0;
background-repeat: no-repeat;
height:540px;
width: 200px;
top: -50px;
font-size:1em;
z-index: 100;
text-indent: -9999em;
cursor: pointer;
}
/* right */
a.right{right: 0;}
a.right:hover{background-image: url(right-nav-arrow.png);
background-position: 0 -540px;}
/* left */
a.left{left: 0;}
a.left:hover{background-image: url(left-nav-arrow.png);
background-position: 0 -540px;}
These do not render in IE unless I add a background-color. I need 100%
transparency. Currently the background images are 200x1080 trans
png's. the off state is 100% trans and on hover a small arrow appears,
but otherwise it is 100% trans as well.
Is there another way to get IE to play nice other than a
background-color? background-color: transparent; does not work either.
Help!
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
