Menu way down on page for XHTML in IE

[patrickrice]

Hey, this is an XHTML question. The page in question is located at

http://www.theplainsman.com/vnews/display.v/ART/2004/10/21/4176cc15c7760?template=summer2k5.

The problem is in IE the left bar menu is pushed way down to the bottom of the page and I cannot figure out why. In FireFox and Netscape, the left bar menu is displayed just fine. Does anyone have any ideas or know a way i can get arounf this IE error? Thanks.

 

[Vragabond]

This clearly looks like a 'too big to fit' problem. While you fixed the dreaded IE box model bug with the correct doctype, something still prevails. In standards-compliant browsers, your menu will be as wide as you specify it (I think it is 120px) and it will stay that way regardless of what you do. If you have elements inside that are wider than that, they will simply hang over. In IE however, the menu will expand to accomodate larger elements. Meaning, if you have anything inside that takes up more than 120px the menu will expand without telling you. Once it is wider than 120px, it cannot be floated next to the main part and is pushed downwards. I don't have the resources to jab into your CSS right now and see what is causing your menu to grow in IE, but try to strip it down to bare bones to discover the problem.