CSS Column Height Problem in IE

Hovering over links causes change of column height

[Josh_F]

I've got a problem that only shows up in IE (6.0xx) and for which I can't definitively identify a cause or solution. The problem can be found here:

<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>

If you visit this page in IE 6.02 on Windows, try hovering your mouse over a link in the middle column, then a link in the right column, then back again. The page changes size (vertically) as if the hover style is altering the container height. It's not. I think what's going on is that the "hover event" tells IE to base the container height on the column hovered and to ignore the height of the other column. Does this sound plausible? Is there a workaround?

The three columns are created by nesting multiple divs, and it may be that I've done this in some way that IE "loses" the height of the internal columns.

Any help would be greatly appreciated.

- Josh

[edited by: SuzyUK at 10:59 pm (utc) on Jan. 4, 2005]

[createErrorMsg]

Josh, take a minute to read the TOS [webmasterworld.com]. For various very sensible reasons, WebmasterWorld does not permit posting personal URLs. We're happy to help out, but we need you to provide a little more information in order for us to do so.

While your description of the problem gives something to go on (it sounds like either the peek-a-boo [positioniseverything.net] or guillotine [positioniseverything.net] bugs, probably the latter), we can't say for sure without seeing your CSS code, which you will have to snip out and post here yourself.

cEM

[Josh_F]

Thanks. It was indeed a manifestation of one of these. I was able to "fix" it for the time being by explicitly setting the column height to 50%.