[Ovillo] Overflow en IE ...

[Reynier Perez Mira]

Hola lista:
Estoy teniendo problemas con la propiedad "overflow" en IE. Miren el código HTML siguiente:
<div id="navigation_bar">
	<ul class="navigation_bar">
		<li class="first">Inicio |</li>
		<li>Nosotros |</li>
		<li>Tutoriales |</li>
		<li>Galería |</li>
		<li>Foros |</li>
		<li>Descargas |</li>
	</ul>
	<form action="busqueda" id="formulario_busqueda" method="post">
		<label>Buscar</label>
		<input type="text" id="word" name="word" size="15" />
	</form>
</div>

Ahora el CSS correspondiente es el que sigue:

#navigation_bar { border-top: 1px solid #E89700; border-bottom: 1px solid #E89700; overflow: auto; }

/* Barra de navegación */
ul.navigation_bar { list-style-type: none; padding: 0 5px 0 0; }
ul.navigation_bar li.first { padding: 5px 10px 5px 30px; }
ul.navigation_bar li { float: left; color: #81869F; font-size: 78%; padding: 5px 10px 5px 0; font-weight: bold; }
ul.navigation_bar li a:link { color: #81869F; text-decoration: none; }

/* Formulario de busqueda */
#word { background-color: transparent; border: 2px solid #435278; text-indent: 2px; }

Si se dan cuenta tengo elementos flotando a la izquierda (UL) y a la derecha (FORM). Además de ello si se fijan en el la clase del DIV tiene un borde inferior y uno superior. Bueno en Firefox se ve a la perfección, o sea el borde inferior y superior cada cual donde debe verse pero en IE el borde inferior sube y entonces el borde superior parece que tiene 2px en vez del 1px que le estoy dando. Alguna ayuda con ello?

Salu2
-- 
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro.