Fejl I pixel div

Jeg har nogle problemer med at få dette til at virke korrekt i Internet Explorer. (Jeg har ingen problemer overhovedet i Firefox)

.box {
    margin: 0px;
    background: url('../gfx/layout/bar/box-l.gif') top left no-repeat;
}

.box h2 {
    border-width: 0px;
    margin: 0 0 0 7px;
    font-size: 11px;
    color: #FFFFFF;
    background: url('../gfx/layout/bar/box-r.gif') top right no-repeat;
    padding: 3px 7px 3px 0px;
}

.box div.content {
    padding: 3px;
    background-color: #F3F3F3;
    border: 1px solid #C0C0C0;
}

    <div class="box"><h2>Test1</h2><div class="content"><b>Ismanden sælger is til alle de små børn</b></div></div><br>
    <div class="box"><h2>Test2</h2><div class="content"><table border="0" width="100%"><tr><td width="100%"><b>Ismanden sælger is til alle de små børn</b></td></tr></table></div></div>

Ved Test1 er det perfekt som det skal være, ved test2 vælger jeg at putte lidt html ind i min div og pludselig forsvinder højre kant (1 pixel) - er der nogen der kan sige mig hvorfor denne fejl opstår? Og hvordan jeg kan rette det?

Billedet kan bedre illustrere fejlen:
http://img180.imageshack.us/img180/3391/errordivng5.png