drop down fail in ie 7

[claytonbrown]

we just went live with our new site and the only bug we have found for which we have not found a fix yet is this:

in ie 7 (and yes we still have significant traffic from this browser) the second drop down from the left is all goofed up.. the others work fine. I have looked over the coding a dozen times and can't find what's causing it. I think it must be the CSS or HTML as the JS appears to be working fine.

Any help would be greatly appreciated-

site in question: http://shawntrautman.com

[jscheuer1]

ie 7 (and yes we still have significant traffic from this browser)

I seriously doubt that. However, I will look into the problem. I can see it in IE 10 in its IE 7 mode as well as in a virtual machine running IE 7 under Win XP. They both report via their respective developer tools, the obvious. That that menu is way far to the left of what one would expect/want, having a large negative style left value. Unfortunately, because the layout is centered, this (and whatever the correct value would be) varies depending upon how wide the window is, so cannot be easily overridden with a simple style declaration. If we were to append the menu to the centered element, we might be able to though.

The reason I doubt that you have much IE 7 traffic is because, in order for me to keep my IE 7 setup on my vm, I have to constantly ignore dire warnings from MS that I need to update to IE 8, that and the overall statistics on browsers, IE 7 is taking a nose dive, rapidly declining in usage.

Anyways, back to the issue. Any particular reason why you have the megamenus out of order? They go from megamenu3 to 4 to 1 to 2. That may or may not be a factor in this.

I'll let you know if I find anything further.

[claytonbrown]

I seriously doubt that.

understandable.. we are also quite surprised by the stat.. but google tracking shows, on average, 10 users a day coming to the site on ie 7, which for us is ten potential sales a day & 300 a month... I assure you we would not accommodate that version if it were not with good reason.

I am going to try to implement the centering, as well as re-organize the menu order... will get back with hopeful success-

[claytonbrown]

for some reason, the button in the bottom right, that had a float style on it was killing it... process of elimination is a ...

anyhow, thanks for the help again!

[jscheuer1]

This appears to fix it. Add the highlighted as shown:

<link rel="stylesheet" type="text/css" media="print" href="print.css">
 <style type="text/css" media="screen">@import "style57.css";</style>
<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen"/><![endif]-->
<!--[if lt IE 8]>
<style type="text/css">
#megamenu4 .spcsls {
	float: none;
}
#megamenu4 .spcsls a {
	margin-left: 30px;
}
</style>
<![endif]-->
<style>

 
 
 
 
 a.spc-dancedvd { . . .