Hola buenas, quería preguntar una duda que me lleva de cabeza.
Resulta que la etiqueta <hr> no tiene el mismo espaciado en Firefox que en Explorer. ¿Alguno teneis idea de como poder hacer modificaciones en el espaciado de Explorer?
Pongo margin:0 y padding:0 y solo me funciona en Firefox.
Gracias.
Nota: Uso css
http://www.w3schools.com/tags/tag_hr.asp
prueba el atributo noshade es para quitarle la sombra de debajo al hr, aunque no se si así quedará igual... sino siempre te queda hacer una barra manualmente
Si usas CSS, mejor usa un border para crear el efecto de separacion.
Elemento1
Elemento2
elemento1 border-bottom: 1px solid black o elemento2 con un border-top: 1px solid black (por ejemplo)
Un saludillo
El problema que tengo es que no hace los margin y los padding como le ordeno en IE y sí lo hace en Firefox.
Mirar, aquí teneis un ejemplo de lo que me pasa. Tengo puesto padding: 0; y margin:0;
IE
http://img404.imageshack.us/img404/7503/ietu4.png
Firefox
http://img264.imageshack.us/img264/1645/firefoxyk9.png
No me carga la imagen de la vista previa en FF, si me lo vuelves a subir te intento ayudar a solucionarlo.
De todas maneras, los problemas de "margin y padding" entre FF e IE es por el "box model" del IE, que no sigue el comportamiento establecido por la W3C.
Googlea un poco por "ie box model" y seguro que en seguida te daras cuenta de que estoy hablando.
Si me enseñas cual es la idea que tienes de presentacion te intento echar una mano y nos olvidamos de <hr> y demas etiquetas obsoletas 
Esta es la web que estoy haciéndo
Explorer:
http://img253.imageshack.us/my.php?image=iehw4.png
Firefox:
http://img254.imageshack.us/img254/7493/firefoxbx9.png
Como podeis ver en los menús se me desplaza más en Explorer hacia abajo por que no hace los margin y padding que le pido, mientras que en Firefox sí.
El caso es que tengo que subir la imagen en Firefox de Marina Tao por que si no, no se colocaría donde yo quiero en Explorer, ya que se me bajaría. Espero haberme explicado bien. Si teneis alguna duda de lo que he dicho preguntarme. Muchas gracias 
Hola!
La cuestion ahora es saber como tienes escrito el codigo que crea la lista.
Que tipo de etiquetas usas para mostrar el menu? Lineas sin etiquetas y luego las bajas con un <br>?
Mas que el diseño me gustaria ver el codigo html que estas usando para la zona que te crea el problema. Yo normalmente para los enlaces (y creo que la mayoria lo hace) es usar la etiqueta UL y luego cada enlace interno lo ponen en un <li> asi no se crean espacios raros y los puedes mostrar como quieras luego modficiando atributos con css
Claro que lo tengo con < ul > y <li> pero despues tengo puesto list-style:none; en mi css para que no aparezcan las decoraciones típicas de las listas 
Bien bien, entonces los espacios te los crean los <hr> por lo que veo?
Si quitas los <hr> ves todo el listado uno debajo del otro de igual manera?
Casi de igual manera, se me baja un poco de más en Explorer te subo ahora pantallazo para que lo veas.
Explorer sin <hr>
http://img204.imageshack.us/img204/2296/explorersinhrtz4.png
Firefox sin <hr>
http://img217.imageshack.us/img217/4651/firefoxsinhrbf7.png
Ok de todas maneras si no lo ves exactamente igual, algo mas esta fallando.
Podrias coger un html en blanco y pegar el codigo que afecta a esa columna que estas modificando, asi podriamos ver que es lo que esta causando que no se vean exactamente igual (primero sin estilos y luego con los estilos).
Estare por aqui, a ver si lo conseguimos sacar
http://img266.imageshack.us/img266/2892/codigohtmlti3.jpg
body,div,ul,li,p,h1,h2,h3,h4,h5,h6,img {
border:0;
color:black;
font-family: Arial,Helvetica,sans-serif,Verdana;
font-size:12px;
font-weight: normal;
list-style:none;
margin: 0;
padding: 0;
text-decoration:none;
}
#menu {
width: 275px;
height: 497px;
float: left;
color: #000;
background-image:url(../imagenes4/barra_izda.gif);
background-position:top left;
background-repeat:no-repeat;
}
#menuder{
width: 140px;
height: 439px;
float: right;
}
#menuderimg{
width: 140px;
height: 80px;
float: right;
background-image:url(../imagenes4/JLC-5.gif);
background-position:bottom;
background-repeat:no-repeat;
}
ul{
width:140px;
}
ul li{
font-size:11px;
}
.limenu{
font-weight:bold;
color:#704d2f;
width:130px;
text-align:left;
margin:0;
padding:0;
}
.lisubmenu{
width:130px;
text-align:left;
margin:0;
padding:0;
}
li.inicio{
text-align:center;
}
li.inicio a{
color:#b5021d;
}
Como bien dice King, prueba lo primero a quitar el margen al ul y a los li y pruebas en una hoja en blanco hasta que veas que realmente todo aparece en la esquina superior izquierda pegada al maximo.
Que con tu codigo en foto no podemos probar nosotros xD
El margin está a 0 como puedes ver.
He puesto foto por qué si no, lo veríais desordenado así lo podeis ver fácilmente.
Prueba #menuder ul { margin:0; padding:0; }
Otra cosa que yo hubiese hecho es usar en body { margin:0; padding: 0; } y creo que para IE6 se tiene que usar el * { margin:0; padding:0; }
EDITO: Ya he visto que si declaras el margin y padding a 0 en el body, solo que yo lo hago en una declaracion independiente y por eso no lo veia , de todas maneras prueba lo que te dije del #menuder ul
Cuentanos a ver!
