Basically, I\'m having trouble removing the horizontal scrollbar in Internet Explorer 7 and Below. I\'ve tried the code below and It seems to work fine in every browser except I
Have you tried setting a static width on a container, giving it sufficient height, and then setting overflow:hidden for the entire container? Not sure if that would play well with your JS scrolling, but it might be a move in the right direction.
Oh, and any solution given will probably be insufficient for IE6. That beast just wasn't made for pretty layouts. I guess as an alternative, define a conditional stylesheet for that and/or IE7 for a less complex layout.