Using <pre> with a 100px wide div doesn't work
I am looking at the layout design from Glish.com
and just realized that if you try to take the right menu and make it like 120px or even 100px, the text goes OUT of the div. It does this for all browsers except IE 6.0. Its because of the <pre> tag.
ANy reason why?
Because <pre> ... </pre> text is preformatted and white space appears exactly as it is in the html file so the lines of text do not get resized for the div's smaller size.
If you place an element inside another element and the inner element has a larger width than the outer then IE6 treats the outer width as minimum width and will expand to compensate.
Other browsers handle it correctly and just let the content spill out.
The pre content obviously has a set width that is larger than the outer element and so IE6 expands the div to fit. (It would happen with any inner element that is larger than the outer element.)