top and left margin around content div

Hi,

I've got a content div to which I've applied the following css.

#content {width:730px; margin:0 auto; background:#F0F0DE url(cedarscafe.gif) no-repeat ;}

I am getting a margin at the top of about 10px between the content div and the browser window and also when I pull the width of the screen in I am getting the same margin on the left.

How can I prevent this gap?

Any help greatly appreciated.

Paul Rich

Try:

Code: Select all

*{margin:0; padding:0;}

Put this at the top of your css. It will set all margins and paddings to 0.
It can cause some problems but may solve your problem.

Pete.

Spot on pa007, you are a gentleman and a scholar. Do you know what the logic is behind that? as I didn't think that divs had default margins.

Different browser set different default margins on all different elements. It could have been a margin on something like the body element or any adjacent element.

Pete.

Thanks Pete,

Really appreciate your help.

Paul