CSS Help Please

Those are my first attemps with CSS based website, I used tables :rolleyes:

Finally when I was able to control those things I am haing problems...

Here is what I made and I stuck ..... see why .. >



I am using dreamweaver. here is what I made as the first stages..

http://img262.imageshack.us/img262/4995/htmldesign2gn.jpg (http://imageshack.us)

Here is the HTML code it self

http://img262.imageshack.us/img262/5606/html2tq.th.jpg (http://img262.imageshack.us/my.php?image=html2tq.jpg)


Here is my CSS

http://img137.imageshack.us/img137/5738/css3po.th.jpg (http://img137.imageshack.us/my.php?image=css3po.jpg)


Okay all looks good to my un-expirinesed eye. but until I tried to preview it...

http://img98.imageshack.us/img98/8291/preview0ug.th.jpg (http://img98.imageshack.us/my.php?image=preview0ug.jpg)

Can some one see the problem, and mayby help.

Thenks

Yeah you need a # before ALL hex values. You don't have one for the background color of #main. Also padding does count for overall width and height fyi. In the future please just post the code rather than screen shots of the code, it helps in testing possible solutions easier.

body,td,th{
font-family: Arial;
font-size: 12px;
}

body{
background-color: #2f2f2f;
}

#main{
background-color: #f8f8f8;
margin: auto;
width: 728px;
padding-top: 17px;
padding-right: 16px;
padding-left: 15px;
border: 1px solid #646464;
}

Oh very sorry for posting screens I will next time.

And thenks alot for the help.