Buttons don't look good on ie

Hey guys so I made some buttons but for some reason they don't look as good as they do on firefox on ie.

Here is the link:

http://anime3.net/?page_id=11524

My friend told me the error is the drop down menu but I don't understand.

thank you, Ali

 

what drop down menu? I checked in FF3 and IE7, looks about the same. Which version of FF and IE are you using to view them?

 

I'm using vista so ya ff3 and ie7, doesn't ff3 have a white box around it? I cleared my browser history and it still shows

thank you, Ali

 

On ff3 the box around the button is white on i.e. 7+8 its blue. but i think you should just leave it it make it fifferent.

 

What Tinyy said. Also in FF, hover on the box is some odd shade. But that's HTML/CSS not the graphics part. I would just get rid of the borders around them.

 

Lol but I love the borders, is it possible to fix it or will it require someone pro to check it? I checked the css and can't find where the dark blue color came from.

thank you, Ali

 

Double check your CSS for the a:link a:hover a:visited etc. IE has done this to me in the past. FF shows it correct but IE doesn't get the message. The blue is the default as such you won't find "it".

 

This is the code for my hyperlinks:

a, a:visited {
color: #ffffff;
text-decoration: none;
}

a:hover {
color:#00FFFF;
text-decoration: underline;
}

when I remove them everything turns blue like it is now

Edit: oh I see blue is the default, k what should I do to change this code and make it work with ie?

thank you, Ali

 

Honestly, I don't remember what I did to correct it. Maybe start with changing a,a:visited to a:link , a:visited?
Also order does matter with these. LVHA , here's a url about it : brief summary
a:link
a:visited
a:hover
a:active

Most times it screws up hover overs.

http://meyerweb.com/eric/css/link-specificity.html

 

What you need to do is set a rule in your CSS which over rides the border for all image elements contained within the left content ul so you could do:

#contentleft ul img {
border: 1px solid black;
}

HTML:

 

ooh that worked! last question, how can I make it so when you move your mouse over it makes it light blue? All you guys are repped!

thank you, Ali

 

To make that border light blue? If so then:

#contentleft ul img:hover {
border: 1px solid color;
}

HTML:

However I don't think all browsers allow you to use the hover pseudo-class on elements apart from the anchor element however they might do so test it in a few browsers.

 

Perfect! thanks for helping everyone!