Hello,I am trying to turn off an overflow:auto style with IE8. When I view the page in IE8 it will not see the hack and it still will see the overflow:auto. Are there any suggestions to remove this without deleting the code for my other browsers? I also tried multiple options such as overflow:hidden, overflow-x: hidden, overflow-y: hidden. Attached is my code:

The way to remove overflow:auto in a subordinate style is with overflow:visible.

You have several pieces of "exception" code for versions of IE.

I suggest that you comment out ALL of the various pieces of "exception" code and allow overflow:auto to affect all browsers temporarily - basic uncomplicated css - then apply the snippit that I sent. It should work.

Try a process of elimination to find out where|why overflow:auto is bleeding into IE 8.

However that hack seems to target all versions of IE and not just IE8. You should really use conditional comments as mentioned by ronpat to cater for IE9 and under if necessary and just add !important to the rule to see if there are specificity issues. If you use hacks like that then you may end up giving them to IE10 and above when they may not need it.

I would hazard a guess that you don't actually need those hacks at all as I can't think why IE8 would need different rules for the overflow. The two negative margin-tops are also a cause for worry and certainly need looking at. If IE7 needs double the top margin of other browsers then I would think that you are doing something wrong unless you have very good reason for it and are countering a known bug.

It also seems a little odd that you are dragging something upwards by 480px and would not be something that I recommend unless there is good reason for it. Of course you may well have good reasons for doing the above but generally I can spot when something doesn't quite seem right

Do you have a link to the page in question so that we can debug further?