CSS rendering problem IE

Hey guys,

I hope you really can help me on this one.
I'm working on a site, and of course everything is tableless with CSS. In Mozilla FireFox everything is looking as it's supposed to look, but in IE some strange things happen. My text is disappearing and the left border is not on the position I set it to.

Test the page in IE and another browser and see the difference...

The url is: http://spongy.kicks-ass.org/nienke/
And the CSS is here: http://spongy.kicks-ass.org/nienke/stijl3cols.css

Thanx in advance,

Please validate your site first.
http://validator.w3.org/check?uri=h...ass.org/nienke/
Don't forget to validate the CSS too!

Well, I know now what the problem is. When the wrapper-div is short in height, then IE will not render it properly and the layout is screwed. I set a fixed height on the wrapper now, but then my footer is doing weird things when the content is not that much to fill the screen...

It's weird...

BTW, I validated my XHTML and I return to another thing: the target of a hyperlink... Anyway, there were some other things to do too. The CSS is good though, it validates.

I'm guessing you are referring to the effect that occurs when you float items within a DIV. This happens because when you float something, you take it out of the flow of the page - therefore, what ever is wrapping around this floated item is no longer aware there is content contained in it. You can get around this by placing a "<br style="clear:both;">" inside the wrapper, at the very end of the content.

I took another look at your code - what's up the the <center> and <font> tags?? - CSS replaced these almost 5 years ago!

hahaha, I've taken them out already...

The problem is fixed, but now I've another problem...

I set a fixed height to overcome some overlapping-problems of DIV's, but while in IE the height is expanding with the text, this will not happen in Mozilla!

Is there like a hack or something for a problem like this?

[EDIT]
Found a hack, just one extra div did the trick...
But can someone take a look at the site with IE? There are some very strange things going on. Click around a bit and you will see what's happening. Some div's are not rendered very well. I tried to put the content-div on top, but that isn't working.

If someone could help me I'll be forever thankful
[/EDIT]