Learning CSS

Question

I have this site up and running, but it isn't quite right.  I haven't been able to resolve the issue of the base not sitting properly in the center of the browser.  It seems to want to sit in the center.  I've tried all kinds of variants in the css code trying to get the base to adjust automatically, but to no avail.  Obviously, there is a procedure I'm missing, or I'm changing the code in the wrong area.  I'm going to place a picture of the site in Dreamweaver rather than send a link to the site - what I'm working on is an experiment off-line.  Once I figure out the issue, then I can change it out.  I realize my slice isn't quite right, but I'm trying to simplify the issues first than improve the complex elements later.
Nancy helped get the video parts right - which aren't included with this page.
I will include the css code first.
body {
    background-color: #ffffff;
    margin:0px;
    padding:0px;
    margin-top: 0px;
    margin-left: 0px;
.p {
    margin:0px;
    padding:0px;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: inherit;
    color: inherit;
    line-height: inherit;
    vertical-align: top;
p {
    padding-top:0px;
    margin-top:0px;
img {
    border:0px;
div {
    margin:0px;
    padding:0px;
    font-family:verdana; font-size:12px;
.AbsWrap {
    width: 100%;
    position: relative;
.rowWrap {
    width: 100%;
.clearfloat {
    clear:both;
    height:0px;
a:link, a:visited{
    COLOR:inherit;
    text-decoration:inherit;
#background {
    background-color: #660000;
    width:1500px;
    padding-top:0px;
    height:1071px;
    position: absolute;
    left:0px;
    top:1px;
    margin-bottom:0px;
#Div {
    width:332px;
    padding-top:0px;
    height:203px;
    position: absolute;
    left:814px;
    top:181px;
    margin-bottom:0px;
#body_bg {
    position: absolute;
    left:0px;
    top:1px;
    width:50px;
    height:49px;
    margin-bottom:0px;
    background-image: url(body_bg.gif);
    overflow:hidden;
#wrapper_bg {
    position: absolute;
    left:410px;
    top:0px;
    width:661px;
    height:691px;
    margin-bottom:0px;
body {
    background-image: url(body_bg.gif);
    background-position: 0px 0px;
    margin: 0px;
    padding: 0px;
Thanks in advance,
Ron

Answer 1

Ron,
Have a look at this basic DEMO on CSS positioning:
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
FYI: if you use Firefox browser, get the Web Developer Toolbar Add-on.  It's invaluable for trouble-shooting code and layout problems.
Web Developer Toolbar for Firefox
https://addons.mozilla.org/en-US/firefox/addon/60
If all else fails, post a link to your test page.  You can remove it when your problem is solved.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb