Borwsing problem

Hello!!!
I am trying to create a css layout and I am encountering the following problem:
When I browse my page in IE it seems ok, but when it comes for FF, I see that (please, check the page in question here) (http://www.petrosoft.gr/new.asp) under the orange bar I don't get the main content but it mixes with the left column...
I tried padding: 2px in #cont, but I got the opposite!!!
It was ok in FF but not in IE!!!

Any ideas? :confused:

Css http://www.petrosoft.gr/pn.css

Thanks in advance,
Martha

try adding the global whitespace reset to your css:


* {
margin:0;
padding:0;
}


I just applied it to your page in firefox using the web developer toolbar and the grey area under the orange header div disappeared :p
hth
Jamie :)