Why does the 'header' never touch the top, left and right?

Hi all.

I've started to learn HTML/CSS again (had basics down before), and at the moment dabbling with CSS freestyle.

One problem i'm having (and had before), is if I create a banner out of CSS (for example using a div, filling it with a background color), the 'banner' i'm creating never touches the top, left or right of the screen. Why?

I've tried margin=0;but this still doesn't fix it!

Here's a screenshot I took of it:
http://s83.photobucket.com/albums/j307/nmxdesigns/?action=view&current=problem1.gif

As you can see none of the content boxes touch the edges, which is really annoying. I also tried width=100%, but that didn't work properly and came out messed up.

Please help me fix this!

Thankyou,

-nmx

 

body { margin: 0; padding: 0; }

 

Or you could change you header in your stylesheet to an div ID so it'll be easier to change.

 

You need to set the margins and padding to zero for this to work.

 

Ah thankyou very much! Silly me didn't try that.

-nMx