arrrg! IE!

[thomas_a]

I am designing a website that works just fine in firefox, but in IE windows, it FREAKS out and everything is misaligned! What can I do to fix it?

http://www.tlair.com/snd/

[blain]

The reason it freaks out is that IE interprets the box model differently to FF.
Check out this page (http://css-discuss.incutio.com/?page=BoxModelHack) for an explanation and solution.

[VIPStephan]

I think there's no hack necessary.
Validate your code there are (surprisingly few) errors.
Well, ok, actually I can tell you right now what it is:

There is no line break necessary to make list items appear vertically listed since it is already a list. :) So delete the <br> tags after the </li>s.

Second and more important thing: It looks like only your background image is freaking out and that is because you applied it to the body and centered it.
Put it into your container div and position it to top left and it wll look perfect.

Also (but not so important) the "position: relative" on your footer is not necessary unless you apply values (e.g. "top: ??px; left: ??px;") to it.

Oh and delete that "margin-right: 100%;" on the #hdr property. That's causing a huge horizontal scroll and a conflict with the width of the container.