Mi página se ve completamente diferente en Internet Explorer y Mozilla :(

hola
si que es un codigo laaaaaaaaaargo y me animo a ayudarte porque tienes un css ordenado jeje
asi que te enseñaré a buscar errores jejeje

empezamos por la cabecera

en el css tienes esto
#cabecera {width:900px ; height:150px ; float: left ; background-color: white ; border-top: solid #803690 10px}
#logotipo {width:595px ; height:150px ; float: left ; background-color: white ; margin-top:20px ; text-align: left}
.logotipop {float: left ; padding-left:30px ; padding-top:5px ; text-align: left ; font-size: 0.9em ; color: gray}
#contacto {width:295px ; height:150px ; float:right ; background-color: #803690 ; margin-top:20px ; color:white}
.contactop {float:right ; padding-right:20px ; padding-top:20px ; text-align: left ; font-size: 0.9em}

y esto en el html
<div id="cabecera">

<div id="contacto">
<p class="contactop">Maipú 812 - 10° E y 3° J <a href="ubicacion.htm"><b>(ver mapa)</b></a><br>Capital Federal, Buenos Aires, Argentina<br><br>(011) 4311.9265<br><br><b><A HREF="mailto:[correo eliminado]&subject =Consulta desde página de Lo que necesitaba"><img src="objetos/email.png" width="24" height="24" title="Envianos un mail"></A>&nbsp;<a href="http://www.facebook.com/loquenecesitaba.megusta" target="_blank"><img src="objetos/facebook24.png" width="24" height="24" title="Seguinos en Facebook"></A>&nbsp;<a href="http://www.twitter.com/loquenecesitaba" target="_blank"><img src="objetos/twitter24.png" width="24" height="24" title="Seguinos en Twitter"></a>&nbsp;<a href="https://picasaweb.google.com/100764305450407124908" target="_blank"><img src="objetos/picasa.png" width="24" height="24" title="Mirá todas nuestras fotos en Picasa"></a>&nbsp;<a href="http://www.skype.com/intl/es/get-skype" target="_blank"><img src="objetos/skype.png" width="24" height="24" title="Descargá Skype y añadinos. Nuestro usuario: lo.que.necesitaba"></a>&nbsp;<img src="objetos/msn.png" width="24" height="24" title="Agreganos al MSN. Nuestro mail: [correo eliminado]"></b>&nbsp; <b>¡Nuevo!</b><a href="http://www.loquenecesitaba.com.ar/blog" target="_blank"><img src="objetos/wordpress.png" width="24" height="24" title="Visitá nuestro blog"></b></p>
</div>

<div id="logotipo"><a href="index.html"><img src="objetos/logo_lqn.jpg" width="350" height="150"
title="Gracias por visitar el sitio de LO QUE NECESITABA"></a>
<p class="logotipop"></p>
</div>

</div>

cabecera mide 150px de alto, dentro de ella metes un logotipo que mide 150px de alto MAS 20px de margen superior
tambien metes un div llamado contacto, con altura de 150px mas 20px de margen superior
ahora ... hagamos una suma
150px mas 20px de margen superior te está dando 170px, el contenido de cabecera se desborda
asi que... debes ajustar eso

lo mismo pasa en la barra navegacion
en las alturas debes tener en cuenta los margenes que pones, de lo contrario el contenido se desborda
ya me tengo que ir,
te sugiero revisar todo tu css en cuanto a alturas (recuerda los margenes cuentan)

saludos
La url es www.loquenecesitaba.com.ar

Gracias Yaneth, voy a empezar a revisarlo con más atención!
Vero Espindola
LQN ;)