Firefox positioning problem

[KevinG]

Hi everyone,

I am building this site www.searchthemarket.co.uk

It looks fine in IE 6

But in firefox there is a problem with the top border on the green menu (notice border line overlaps left nav) and Opera seems to make the green menu appear slightly overlapping left nav.

And the area I marked grey I cannot seem to position properly (even though it renders ok in IE).

This is the css file – www.searchthemarket.co.uk/designo.css

Not sure what to think about designing without tables. I have found it a very difficult transistion to make. This week i learnt to test designs in firefox as opposed to relying on IE. Has definately helped.

[mattyod]

Cangratulations! You've discovered the "box model" problem which relates to the different way in which I.E. handles padding, borders and margins for css elements.

This page probably explains it all better than I can...

http://www.tantek.com/CSS/Examples/boxmodelhack.html