Scroll wheel not working on blank space in IE6

[Mirakelman]

Hey there!

I'm having the following problem with IE (Firefox and some other browsers are showing it properly):

I have a container div in my website, which is used for scrolling the content. However, Internet Explorer seems to lose focus on this div when the cursor is positioned in a piece of white space.

See the following webpage of my website:
http://www.msphotographics.nl/fotografie/gallery1.htm

Upon scrolling with the scroll wheel it works fine, until the cursor is positioned between one of the tables.

Does anyone know the cause for this problem, or a way to fix it for IE?

[rlemon]

there appears to be a number of errors in IE.

Also, when resizing in FireFox a second scrollbar appears which is not a very attractive quality.

i would suggest using Frames, or an IFrame to acheive this.

If you daring enough, you can also use a straight div with overflow:auto;
however i know there are problems rendering that on some browsers.

just my 2 cents.

[Mirakelman]

What other issues in IE are you talking about? I can't find any other than the one I mentioned.

Iframes really isn't an option, because it wouldn't make my site work great with search engines.

Are there any other options to work around this IE bug?

[_Aerospace_Eng_]

You could try setting an implicit height on the #content div
<!--[if lte IE 6]>
<style type="text/css">
#content {
height:1%;
}
</style>
<![endif]-->

[Mirakelman]

You could try setting an implicit height on the #content div
<!--[if lte IE 6]>
<style type="text/css">
#content {
height:1%;
}
</style>
<![endif]-->

Unfortunately, that doesn't work too...
It's so strange that all the content is shown properly and the scrolling is done properly too, but the scroll wheel scrolling stops at white spaces...

It just doens't make any sense at all.

[rlemon]

when you scroll watch the dropdown menu

[Mirakelman]

when you scroll watch the dropdown menu

Oh yeah, that one. That's actually a windows rendering flaw. It displays the dropdown box on top of everything else, no matter what it's z-index is.
IE uses the Windows rendering of dropdown boxes (FF does not). So there really isn't much one can do about that.

[Mirakelman]

I found the problem to this situation.

IE seems to render spaces with a transparent background differently at the mouse events.

Placing "background-color:white;" in the "#scrollcontainer" fixed the issue.