CSS Image Rollovers won't work in IE?

X

x_luchawhore

New member
Okay, so I was working on my fansite yesterday and the rollovers were working perfectly fine. But today when I got on to finish working on it, I noticed they weren't working at all. I decided I'd check to see if it was just my browser (Internet Explorer), and sure enough it is. The image rollovers are working perfectly fine in Firefox.

I don't want to change browsers, so if anyone could tell me what I can do to fix this, it would help alot.

Here's the image rollovers code:

.content img, .SIDEcontent img, .box img {
padding: 2px;
margin: 2px;
opacity:0.6;
filter:alpha(opacity=60);
border:1px solid #ecc3d5;}
.content img:hover, .SIDEcontent img:hover, .box img:hover {
padding: 2px;
margin: 2px;
opacity:1.0;
filter:alpha(opacity=100);
border:1px solid #e093b7;}

I think that's all of the code, atleast. I'm way new to coding and such so bare with me :p I didn't make it either, I ordered the layout/coding from a website.

anyway, if anyone could help, I'd totally appreciate it :)
I've already said I don't want to switch to Firefox, but thanks for your 'help'.
 
Back
Top