css padding problem?

[maanton]

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 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? Rolling Eyes Idea

Page in question:

http://www.petrosoft.gr/new.asp

Css

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

Thanks in advance,
Martha

 

[DaRNCaT]

IE and other browsers use margins differently from memory, I think you will need to do a hack to get around it.
I used two style sheets and used php to pick which to apply.

IE style I had

margin: 0 12px;

rest of browsers had

margin: 0 0px 0 24px;



----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..

 

[Vragabond]

I do believe the problem is in the h3 tag. That tag has a default top margin of 1em in FF (Geckos) and as far as I remember it, this will move the parent container down for that margin as well. I am unsure whether this is correct behaviour or a rendering bug in these browsers.