Strange padding issue in FireFox

[flyingv]

So I have a simple page set up using only Div tags. I'm displaying text in the body container and I don't want it to touch the edges so I've added some padding, I'm also using margin properties for the container because I don't want the container to touch it's surrounding area as shown below.

margin: 0px 10px 20px 10px;/*TRBL*/
padding: 10px 10px 10px 10px;

This works fine in IE7, however, in Firefox, the body area gets bumped over and misaligned, and I have no idea why.

Please help!

Here's a link to view the actual page:

http://suhailyounus.com/pico/index.asp

Thanks!!

[Fang]

Remove width from #bodyMain

[flyingv]

Remove width from #bodyMain

Thank you very much! Totally worked...

I'm not sure why it had an issue with the width property there since it was set in relationship to the width of the other element but I'll study it a bit more.

However, not declaring the width seems to make more sense.

THANK YOU VERY MUCH!!!!!