[SOLVED] Few little css problems.. I am stumped

[D12Eminem989]

Well,

 

I have a few little minor problems. Here is what the view I get in ie:

 

This is what I want and this is what I see in Firefox:

 

Would anyone know how to fix this? Here is my CSS:

body {
background: #c0c0c0;
color: #ffffff;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
a:link, a:active, a:visited, a.postlink {
color: #6c6c6c;
text-decoration: none;
}
a:hover {
color: #000000;
}
.bg {
background: #2e2d22;
}
.footer {
background: #2b2b2b url('images/style/syl_11.gif');
padding: 0 50px 3px;
}
.validate {
padding: 0 50px 3px;
}
.button {
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #ffffff;
background: #53641e;
border: 1px solid #000000;
padding-bottom: 2px;
padding-left: 2px;
}
img {
border: 0 solid;
}
.tdc1 {
background: #2e2d22 url('images/style/syl_05.gif');
}
.tdc2 {
background: #2e2d22 url('images/style/syl_06.gif');
}
.tdc3 {
background: #2e2d22 url('images/style/syl_02.gif');
}
.tdc4 {
background: #2e2d22 url('images/style/syl_03.gif');
}
.b1_t {
background: #2e2d22 url('images/style/b1_top.gif');
padding: 1px 12px;
height: 19px;
width: 167px;
}
.b1_m {
background: #2e2d22 url('images/style/b1_middle.gif');
padding: 1px 8px;
height: 1px;
}
.b1_b {
background: #2e2d22 url('images/style/b1_bottom.gif');
height: 9px;
}
.b2_t {
background: #2e2d22 url('images/style/b2_top.gif');
padding: 1px 12px;
height: 19px;
}
.b2_m {
background: #2e2d22 url('images/style/b2_middle.gif');
padding: 1px 8px;
height: 1px;
}
.b2_b {
background: #2e2d22 url('images/style/b2_bottom.gif');
height: 9px;
}

[D12Eminem989]

Well good news, I fixed the repeat, I forgot to add repeat in there. I just have a small problem with the blocks. They are off a tad in IE.

 

[D12Eminem989]

I figured it out thanks.