padding og billede fejl i IE 7

Hej

Jeg er ved at teste en boks på følgende side
www.racingmedia.dk/testboks.html den ses rigtigt i FF, men i IE 7 går topbilledet i stykker og afstanden til bund navigation bliver for stor.

Hvad kan jeg gøre?

CSS er

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
    width:430px;

    background: url(../images/mediaviewer_right.gif) no-repeat bottom right;
        padding: 0 0 0 0;
}
.boxhead {
    background: url(../images/mediaviewer_right.gif) no-repeat top right;

    padding: 13px 0 0 0;
    }
   
.boxhead span {
    background: url(../images/mediaviewer_left.gif) no-repeat top left;
   
    padding: 13px 0 0 0;
}

.boxbody {
    background: url(../images/mediaviewer_left.gif) no-repeat bottom left;

    padding:0 0 20px 15px;
    text-align: left;
}




.boxbody a img {
    border: 1px solid #cecece;
    vertical-align: middle;
}


.boxbody p {
    display: inline;

}

/*Bundnavigation start*/
#bottomnav {
padding:0 0 0 23px;
}

#bottomnav ul{
list-style:none;
}

#bottomnav li{
display:inline;
padding:0px 3px 0 0;
color:#cccccc;

}


#bottomnav li b{
padding:0 0 0 6px;

}

#bottomnav li.pil img{
padding:0 15px 0px 15px;

vertical-align:-42%;
border:0;
}

#bottomnav li a {
color:#cccccc;
text-decoration:none;
font-weight:bold;

}

#bottomnav li a:hover{
color:#8d8b8b;
text-decoration:underline;
font-weight:bold;
}

/*Bundnavigation slut*/


.mediaindhold {
width:400px;
padding:0 0 30px 0;
}
.mediaindhold b{
padding:3px 0 0 0;
color:#939292;
font-size:10px;
float:right;

}