CSS Issue with my web site in IE7?

Question

My navigation hover effect is working perfect in all browsers except IE7. The arrow is getting cut off. Does anyone know why this is happening? I have tried so many things but can not figure it out. You can view my site at:

http://www.somethingweb.com

Thanks!

Answer 1

either you got this working, or i can't figure out what it is supposed to do. it looks identical in IE7 and Firefox on my machine.

my only recommendation is to remove the alt values from the top navigation element. it seriously diminishes the coolness of the effect your are trying to produce. if the link says Home, there is no reason to put an alt tag that pops up saying Home. use alt tags for linked images where the purpose or destination of the link is unclear by the picture.

i like it, it's a clean site.

Answer 2

IE7 has abysmal CSS support and always has. The best you can do is make the CSS code valid and clean and make sure it works well on Opera and Firefox. It doesn't look so bad in IE, even though it isn't correct either.

You could search for a CSS hack so that there is code that all browsers but IE will ignore, but I don't want to reccomend this since they are usually sloppy workarounds.

You could also have two stylesheets, one for IE and one for CSS compliant browsers and have a PHP script direct the user to the correct stylesheet.

Answer 3

you can check your CSS in the CSS Validation service..
by w3 site ....

here is the link:
http://jigsaw.w3.org/css-validator/

good luck