CSS Driving Me Nuts, Little Help?

[Al Neri]

What's up guys.

I can't seem to figure this out. It's a mix of JS and CSS, I built it by modifying stu nichols' pro_dropdown_2 (http://www.stunicholls.com/men...ropdown_2/stuHover.js).

In FF I am golden, but in IE6 the menu skips a few px, when you hover over Menu, Menu2 or Menu3, check out what I mean. Can anyone figure out why?

The site is, http://www.shopforeveryone.com/test/index.htm

Thanks,

matRocka

reference:
css: http://www.shopforeveryone.com/test/css/style.css
js: http://www.shopforeveryone.com/test/js/menuhover.js

 

[MrChad]

IMO, you're better off using Yahoo's UI libraries (http://developer.yahoo.com/yui/menu/). Their stuff is easy to use and well tested on all major browsers.

 

[Vogel515]

Use IE conditionals and set up a separate IE specific CSS style sheet with just the modified styles for IE. Make sure it's after the link to your first style sheet.

 

[Al Neri]

Right, but I am looking for the way to do it... I figured I'd have to do a conditional, but I just dont know the way to get this to not bounce when you click with IE7