Check your html first. You've got quite a few unclosed tags and typos.
View the source code in Firefox and look for anything in red.
Check your html first. You've got quite a few unclosed tags and typos.
View the source code in Firefox and look for anything in red.
validate your CSS here http://jigsaw.w3.org/css-validator/#validate-by-input
Validate your HTML here:
just paste them in and you will be told about any errors.
Good Luck
in addition to everything that has been said already: - get the firefox-plugins "firebug" and "web-developers toolbar". they are very helpful for creating and validating html- and css-code - for internet-explorer to show your css properly try to use padding and margin as little as possible (google for "IE margin padding" and you will find a lot of people with problems). there are many ways to get this to work, but no generic solution. personallly i use transparent borders instead of padding/margin, when i encounter such a problem.
Excellent, thanks for all the help guys.
MaD wrote:
personallly i use transparent borders instead of padding/margin, when i encounter such a problem.
That's an excellent piece of advice, and it is what I also use, but it doesn't work all the time if there is a special background. Another problem are floating elements, try switching them from left to right and switch the order they appear in the html, sometimes it will avoid IE adding a double margin.
Box models
here's a handy IE toolbar
Thanks again to everyone for the top notch replies.