Dave Briggs wrote:
The problems are that the header box is too small and there aren't any line breaks between paragraphs. As you all could probably tell from my earlier mails, I am pretty new to CSS and I just can't figure this out at all.
You seem to have specified the height of the #Header element three times as 14px - why? Removing that goes a long way to solving the problem with the header box (which, given that 14px height, is simply too small).
Then you have: #Content>p {margin:0px;}
.. which sets all margins to 0px in <p> elements within #Content, which would explain the lost paragraph spacing.
In both cases (the Header height and the paragraph spacing) IE simply ignores these, I have no idea why.
Where did the original style come from? It has the feel of one that's been heavily hacked; for what you're trying to achieve there seems to be a lot of code. For example, the header box only contains one line of text but is controlled by several styles which compete with each other (some stuff snipped in what follows):
#Header { margin:5px 0px 10px 0px; padding:17px 0px 0px 20px; height:33px; height:14px; }
body>#Header { height:14px; }
#Header a { margin:0px 0px 15px 0px; padding:0px; }
body>#Header { height:14px; }
As you can see, its not surprising that the bits you're having problems with got confused!