Overflow com problema no IE e FF

Tenho uma div com altura definida e overflow para o conteúdo de um site. Estou usando este overflow com auto, pra que só apareça a barra de rolagem quando necessário. Porém, a barra inferior do elemento #body não some de jeito nenhum no IE e no FF (funcionou perfeitamente no Opera). Segue a CSS e o HTML (reduzidos):

<div id="body"> <h1><span>Sites mantidos pelos cursos</span></h1> <ul> <li><a href="http://www.unilasalle.edu.br/cursos/graduacao/administracao/">Administração - Bacharelado</a></li> <li><a href="http://www.unilasalle.edu.br/cursos/graduacao/administracao/index.php?section=13">Administração - Comércio Exterior</a></li> <li><a href="http://www.unilasalle.edu.br/cursos/graduacao/administracao/index.php?section=11">Administração Pública</a></li> </ul> </div>
#body { width: 570px; height: 558px; float: left; clear: left; overflow: auto; background: transparent url(imagens/fundo_body.jpg) repeat-y; }#body h1 { width: 570px; height: 30px; margin-top: 1em; background: transparent url(sites_cursos.gif) no-repeat 175px 0; }#body h1 span { display: none; }#body ul { width: 550px; padding: 1em 10px; }#body ul li { padding-bottom: .25em; }#body ul li a { color: #6699cc; }#body ul li a:hover { color: #c60; }Screenshots:Opera: http://img.photobucket.com/albums/v212/Negaozinho/opera.jpg

FF/IE: http://img.photobucket.com/albums/v212/Neg.../firefox_ie.jpg

O que eu faço?