css image wont repeat

help with image repeating

[yahells mafia]

i have a 2 column layout- header,footer,left column is nav and then content in the right i ahve a background image that wont fill the left column space here is the css
body {margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .7em;
line-height: 1.4em;
text-indent: 20px;}

div#header {padding: 50px;
text-align: left;
background-color: #e3034e;
color: #08fff2;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 50px;
font-style: normal;
font-weight: bold;
line-height: 3PX;
background-image: url(../../../images/bricks2.gif);
background-position: +200px;
border-top: 1px #000000;}

div#footer {padding: 2%;
text-align: center;
clear: both;
background-color: #e3034e;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .85em;
font-weight: normal;
background-image: url(../../../images/bricks2.gif);
background-position: 21em 5em;
background-attachment: fixed;}

div#maincontent {padding: 2%;
text-align: inherit;
margin-left: 20%;
background-color: #e3034e;
color: #e3dfdd;
border-right: none;
border-left: none;
background-image: url(../../../images/bricks2.gif);
background-repeat: repeat;
background-attachment: fixed;
text-indent: 20px;
border: none;
border-top: none;
border-bottom: none;}

div#leftcolumn {
padding: 20px;
text-align: center;
color: #e3dfdd;
padding-top: 30px;
background-image: url(../../../images/bricks2.gif);
font-size: 15px;
background-position: 14em 0em;
width: 20%;
float: left;
background-repeat: repeat;
background-attachment: fixed;

}
anyone have any suggestions let me know

[DrDoc]

Welcome to WebmasterWorld! [WebmasterWorld.com]

Since you're using the same background image everywhere, why not assign it directly to the document body? Apart from that, the left column has no height... That's why it wouldn't "fill"