Scrollbar problem between firefox 1 and IE

Putting together a pretty simple site - a scrolling page under a (pos absolute) header and (pos fixed) footer. Written to xhtml 1 strict - html and css both validate.

css body has overflow:hidden

I have an alternative stylesheet for IE6 :-

html {overflow:hidden;}
#header {position:absolute; top:0;}
#page {padding:3%; overflow:auto;}
#margin {position:absolute;}
#footer {position:absolute;}

This all works fine in IE.
However when tested in Firefox 1.0 only half the screen is visible with no available scrollbar. Tried changing css body to "auto" and all is OK in Firefox. Problem is IE now has second scrollbar on right hand side which is messy and unsightly.

Is there a reasonably simple fix for this - or am I to assume that as IE is the 92% browser that I have to code for that alone?

Or have I missed something more fundamental

Thanx

I'm not so clear what your problem is. Can you post a link or the rest of the code?

So why not make an alternative stylesheet for FF?

I don't know. Is this possible? Sort of browser-detection and then using the correct stylesheet?

You can use a CSS hack to have your CSS work for both IE and Firefox. Tantek's hack is considered the most valid that I know of, however I don't think it works with IE 6 anymore. I like to use the hack where you want to select tags with a specific attribute. For example,



This states that you are looking for any tag with the class "someclass" and has the attribute "class" Firefox will read this while IE ignores it. Therefore, you could do this:



However, I will caution you that if IE is ever fixed, this may not work anymore. Of course, it may be that you don't have to do this anymore. Either way, with many hacks there's a chance that it won't work anymore as browsers evolve.

Thanks - I'll give it a try