Luft under iframe - kan ikke lige gennemskue det

Jeg har en <iframe> på mit site www.deterdamig.dk, som ligger i en div. Jeg har siddet og "fiflet" lidt for at få den tilpasset og nu er der som I kan se luft under menuen:

<div>
<iframe src="nymenu.htm" style="height:0 auto;width:100%;border:0;margin-bottom:0;" allowtransparency="allowtransparency" frameborder="0"></iframe>
</div>

CSS:
div
    {
    background-color: #E0E0E0;
    width: 700px;
    margin: 0 auto;
    padding: 5px;
    }

STYLE I DOKUMENTET SOM <IFRAME> LINKER TIL:
<style type="text/css">
html,body{margin:0;padding:0;overflow:hidden;background:transparent;}
#menu{border:1px solid black;border-collapse:collapse;width:100%;margin:0 auto;padding:0;}
#menu td{background:#BB0408;cursor:pointer;height:18px;padding:0 10px;width:80px;border:none;text-align:center;font-family:verdana,arial,sans-serif;font-size:11px;margin:0;}
#menu a,#menu a:link,#menu a:visited,#menu a:hover,#menu a:active{color:#000;text-decoration:none;display:block;}
</style>

Hvor ligger fejlen?