CSS Layout Problem

[smoothlyDoesIt]

Hi guys,

I have been looking at web design usingn CSS.

I have come across a problem and I wondered if anyone with knowledge of CSS could help me.

Basically my layout looks different in IE and FFox You can view the site at:

http://www.b-discovered.co.uk

IE surprising makes the layout look correct ? Though I find it hard to believe lol.

If you look at the welcome and news section on the default page (home page) you can see that IE positions these DIVS differently to Firefox.

I just would like to know how I can get them displaying the same in IE as in Firefox.

To give you a break down of the site.

It has a Header, Navigation bar, left col, a sub col containing welcome and news div sections. (The news section has to be able to scroll down)

XHTML file can be found here: http://www.b-discovered.co.uk/default.htm
CSS file can be found here: http://www.b-discovered.co.uk/default.css

Any suggestions about my my layouts isnt quite working would be great.


Thanks,

Tim

[Jen]

Moved to Browser issues.

[Jbilsten]

At first glance it looks like you're calculating your box model incorrectly (or via IE's way of calculating it).