IE7 Showing Up Different than IE6 and FF

[fesh]

Hey everyone -

My page is being such a jerk. It looks like I want it to in FF and IE (hacks included), but I can't seem to get IE7 to behave properly...not even after trying 5 different hacks! Here's the page:

http://test.mattfehskens.com/DDS/test.html

and the CSS:

http://test.mattfehskens.com/DDS/css/dds_new.css

The part of the code that I'm trying to modify is at line 87:

div#container div#lcol div#bottom div#speakers ul#left_stack{
margin-top: 30px !important;
margin-left: 30px !important;
margin-top: 15px;
margin-left: 15px;
}

All I need to do is have IE7 ignore the "margin-left: 15px;" and it should work, but after trying the * hack, _ hack, LitePacific, the Lang filter, and some other hacks...I got nothing. HELP!

[Erik J]

You don't mention IE6, but is it the Double-float-margin bug you are battling?

div#container div#lcol div#bottom div#speakers ul#left_stack{
margin-top: 30px !important;
margin-left: 30px !important;
margin-top: 15px;
margin-left: 15px;
display: inline; /* IE6  bugfix */
}

[Paul O'B]

All I need to do is have IE7 ignore the "margin-left: 15px;"

As Erik has already stated the problem in IE6 is the double margin bug that has caused you to use an !important hack which doesn't work in IE7. The display:inline fixes ie6 and then there is no need for those !important statements either.

If you ever need to target ie6 and not ie7 then simply use the star selector hack in a rule of its own.

* html elementname{height:1%}/*only ie6 and under will get this */