CSS Border issues - appears differently in IE an the other browsers

[hassebasse]

Hello,

I'm rebuilding my website and while doing that I got a problem with the borders; they behave differently between IE and all other browsers like Chrome, Firefox, Opera etc. I know that IE is quite tolerant against bad coding, so I assume I have done something wrong, but I cannot figure out what it is.

I have created a CONTAINER div and placed it in the middle of the screen. Inside the container there is a TOP div (with divisions within it), a LEFT column div and a CONTENT div. The LEFT and CONTENT floats to the left.

Around the CONTAINER I have made a border. In IE the border do as I want it to do, it stretches downwards with the information I have filled in to CONTENT div.

In Chrome and the others this is not the case; it does not expand downwards if I don't give a height: value to the CONTINER. This is a mess because it means I have to manually give a height: value to the CONTAINER for each page.

This is the page I'm talking about : http://www.armoire-ignifuge.fr/Untitled_12.htm

What confuses me even more is that I do not have that problem on this page : http://www.armoire-ignifuge.fr/

Is there anyone who can tell me what this is about?

Hans

[hassebasse]

Got it !!! With an overflow:hidden on the CONTAINER it works fine. Odd, because I do not need it on the other web-site. Could it be because I use CSS3 and the bowsers make a difference ?

Hans

[developerhusain]

Mr.Hans
Of course css3 does not work in IE.You could force it into work using modernizr script.About 6 features work using modernizr

Developerhusain