Det evige problem med with="100%"

Nogen der ved om der er en problem med billeder i tabeller der gør at tabellen ikke kan folde sig sammen?

Jeg har gennemgået både min kode og stylesheet, men der vil ikke. Når jeg fjerner billedet i min øverste celle, så er der ikke noget problem. Billedet er 700px x 80px, men den vil ikke engang blive 700 i bredden.

Her er mit css:

#mainFrame{
    border: 2px #aaaaaa groove;
}
img{
    margin: 0px;
}
.top{
    background-color: #f4c95f;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    border-bottom: 1px #000000 solid;
    /* text-align: center; */
    vertical-align: middle;
}
.left{
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    background-color: #ffffff;
}
.middle{
    width: 100%;
    /* height: 700px; */
    border-left: 1px #000000 solid;
    border-right: 1px #000000 solid;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    font-size: 12px;
    background-color: #ffffff;
}
.right{
    text-align: left;
    vertical-align: top;
    padding: 10px;
    font-size: 10px;
    background-color: #ffffff;
}
.bottom{
    border-top: 1px #000000 solid;
    text-align: left;
    vertical-align: bottom;
    background-color: #f4c95f;
    color: #999999;
    font-family: verdana;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}
.menuItem{
    padding: 5px;
    text-align: left;
   
}
.lang{
    border: 1px #000000 solid;
}

Og koden kan ses på www.keystroke.dk