why does this display so weird?

[TheRoper]

okay, so for my web graphics class we had to make a simple web site of 10 or more pages... it doesn't really matter so much what the content is, just as long as we can show that we (kind of) know what we're doing with regard to css.

anyway, the assignment said we just had to conform to html 4.01 transitional specs, but i decided to go all out and code mine to xhtml 1.0 strict... my question is this: all of my pages validate, yet i.e. is the only ua that displays my page properly (particularly margins/centering)... i've tried firefox, netscape, and opera (all on xp sp-2) and none of them displays right... why, if it validates, does it not work in all browsers (especially the ones that are supposed to be more to spec)

can anyone help, especially 'cuz i have to give my presentation on it this wednesday, and the computers in the class are macs, so i really don't know what's gonna happen there...

the link

thanks in advance for any help...

ps - any comments/suggestions/critiques are welcome

[_Aerospace_Eng_]

I bet if you take this line out

<?xml version="1.0" encoding="UTF-8"?>

IE will look more like the other browsers because as it is now its in quirks mode means its likely rendering the css incorrectly. And about your other problems with just a quick glance at the css, you have negative margins on some anchor elements? Why did you do this? You shouldn't have to. Also an undordered list in FF has a left padding, so if you set both padding and margin to 0 for the ul then the uls will look the same in IE and most of the other browsers as well. Just because your code validates doesn't mean its going to display properly. I do believe its the negative margins in your links that are throwing the site off in the other browsers. IE shows you what it thinks you want and the Standards compliant browsers show you what you code.

[TheRoper]

thanks for the reply...
unfortunately, when i took out the line you suggested, the only thing that changed in i.e. was that my header image disappeared, and my divs got about 30px wider...

removing the negative margins didn't do anything... any other suggestions?

thanks,
TheRoper

[TheRoper]

*bump*