IE 6 Display Problem

[BillyBoB6969]

I am practically done with coding this site. I just want to go back and fix the small glitch that IE 6 is doing... If you look at My Site (http://dreamshowstudios.net/development/Blog/index.php) in every browser besides IE 6 it looks fine, but in IE 6 there is one pixel on the top of each blog entry. Above the corner img. It also has some space between the bottom and right walls for the bottom corner img.

My css for these are:



#Blog {
width: 643px;
background: #9cb8d3;
padding: 5px 0px;
}

#NewBlog {
text-align: right;
margin-right: 10px;
}

#BlogEntryAN {
width: 633px;
background: #b5cade;
margin: 0px auto 5px auto;
display: none;
visibility: hidden;
}

.BlogEntryF {
width: 633px;
background: #b5cade;
margin: 0px auto;
}

.BlogEntryM {
width: 633px;
background: #b5cade;
margin: 5px auto 0px auto;
}

.TLCorner {
width: 633px;
height: 12px;
text-align: left;
background: url(../images/TL-Corner.jpg) no-repeat left;
}

.BlogEnMain {
padding: 0px 12px;
width: 609px;
text-align: left;
}

.TextInput {
background-color: #b5cade;
color: #ffffff;
border: solid 1px #9cb8d3;
}

.BlogTitle {
font-weight: bold;
font-size: 16px;
margin-left: 10px;
float: left;
width: 370px;
}

.TitleInput {
background-color: #b5cade;
color: #ffffff;
border: solid 1px #9cb8d3;
}

.BlogOptions {
margin-right: 10px;
float: left;
text-align: right;
width: 200px;
}

.BlogOptions img {
padding-top: 5px;
}

.BRCorner {
width: 633px;
height: 12px;
text-align: right;
background: url(../images/BR-Corner.jpg) no-repeat right;
}


Thats the complete css for the blog entries.

Any help is greatly appreciated!
Thanks in advance,
Cean