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?