Problem med div, billeder og IE6

Jeg er ved at tilpasse et wordpress tema, og er rendt ind i nogle problemer med CSS'en og dens visning i IE6.
Siden vises som den skal i IE7 og Firefox.
Jeg har nogle <div> som bliver pyntet med nogle billeder
Se pic fra firefox, det i den røde ring vises forkert i IE6:
http://blog.ullebulle.dk/scrnsht.jpg

I IE6 viser den blogtop.png 2 gange, og billederne er helt forskudt. Nogen der ved hvorfor, eller kan hjælpe med at omgå det?

html'en (hele "containeren"):

<div class="blogbefore">

<img src='http://blog.ullebulle.dk/wp-content/themes/vistered-little-1/images/default/date/m09.png'>
<img src='http://blog.ullebulle.dk/wp-content/themes/vistered-little-1/images/default/date/d16.png'>
<img src='http://blog.ullebulle.dk/wp-content/themes/vistered-little-1/images/default/date/y06.png'>
<div class="dateimg">
<img src='http://blog.ullebulle.dk/wp-content/themes/vistered-little-1/images/default/blogtop.png'>
</div>
</div>

<div class="blog">
<div style="overflow: hidden;">
<p class="headertext">blabla</p>
<h3>bla</h3>
<p>blabla</p>
<p class="footertext"></p><br />
<li>No related posts</li>
</div>
</div>

<div class="blogafter"></div> //

css'en

.blog {
    margin: 0px;
    padding: 0px 35px;
    width: 422px;
    overflow: hidden;
    background: url('images/default/blogbackground.png');
    }
.blogbefore {
    height: 32px;
    width: 492px;
    margin: 10px 0px 0px 0px;
    position: relative;
    left: 30px;
    bottom: 5px;
    }
.blogafter {
    height: 32px;
    width: 492px;
    margin: 0px 0px 10px 0px;
    overflow: hidden;
    background: url('images/default/blogbottom.png') top center no-repeat;
    }
.dateimg {
    position: relative;
    bottom: 20px;
    right: 30px;
}

Sig til hvis det ikke er forklaret godt nok :)