overlong image header, but how to only show horizontal scrollbar on body content?

I have a 4000px width image slap on the header of my site. for now, the way I hide the horizontal browser scrollbar is with this:

html {

overflow-x: hidden; }

Unfortunately that will make the horizontal scrollbar never appear. I would the browser scrollbar to appear when the main content of my site is hidde开发者_StackOverflown from view.

What is the technique/style for this?

Thanks

Put the image into a div with width: 100%, a defined height and overflow: hidden.

By the way, overflow-x is not supported by Internet Explorer 6, so it's not perfectly safe to use yet.