problemas imagen

Espero que me podais echar una mano:
quiero colocar una imagen pero no hay manera:

os dejo la html:

<div id="navegacion">
<div id="navegacion-barra"></div>
<ul>

Informe Ventas

Informe Resultados

Prevision Pago

Analisis economico-financiero

Zona geografica

Contacto

<div id="navegacion-barra-abajo"></div>
</div>


y la hoja de estilos:

#navegacion {background-image: url(objetos/203.gif); border:black 1px solid; height: 80px;}
#navegacion-barra {background-image: url(objetos/103b.gif) ;float: top;width: 800px ; height: 24px;}
#navegacion-barra-abajo {background-image: url(objetos/103b.gif);float: bottom; width: 800px;height: 24px;}
#navegacion ul {margin-left: 5px}
#navegacion li {float: left; list-style: none; margin: 0px 10px 0px 10px}

el problema lo tengo con la #navegacion-barra-abajo., y solo con el mozila., no con el internet explorer.

Un saludo, y Gracias de antemano.

Y ese float: bottom de donde lo has sacado?

Si quieres posicionar el fondo abajo hazlo asi:

background: url(loquesea) bottom center; por ejemplo

o

background-image:url(loquesea);
background-position: bottom center;