[Maciek]

.price {
display : block;
background: url("../image/price/price.gif") no-repeat;
width : 76px;
height : 50px;
}
.price:hover {
background-position : -76px 0;
}

<a href="alpha.htm" class="price"></a>

Why does this not work in IE?
It works perfectly in Firefox and safari. I also had a site totally designed for IE and this rollover works there. but not now! please explain! thanks

[jamblo]

try making it

.price, .price a:link, .price a:visited {
display : block;
background: url("../image/price/price.gif") no-repeat;
width : 76px;
height : 50px;
}
.price:hover, .price a:hover {
background-position : -76px 0;
}

to cover all bases before troubleshooting further.

What is the link attached to? Surely you need something in there? The above code should work if it's text. Perhaps a live link to what you're doing would help us help more...

[seen.to]

Originally Posted by jamblo

try making it

.price, .price a:link, .price a:visited {
display : block;
background: url("../image/price/price.gif") no-repeat;
width : 76px;
height : 50px;
}
.price:hover, .price a:hover {
background-position : -76px 0;
}

to cover all bases before troubleshooting further.

What is the link attached to? Surely you need something in there? The above code should work if it's text. Perhaps a live link to what you're doing would help us help more...

Since the .price class is attached to the a tag I believe you'd actually want a.price etc as your method would be targeting a as a child of .price

[Maciek]

ohh ya. I got it to work. I had a blonde moment. I didnt put the stupid image files onto the server

[Maciek]

I also have a question with borders. I have set up so that the borders change color when you scroll over them. Does this work in IE?

#border {
border: 2px solid #cccccc;
border-left: 10px solid #cccccc;
height: 74px;
width: 250px;
margin-top: 10px;
}
#border:hover {
border: 2px solid #999999;
border-left: 10px solid #999999;
}

[haku]

I don't know, does it?