exploradores

voy por la leccion tercera del curso paso a paso por la parte de redondeo superior e inferior.

he notado que la vista previa del html-kit no es igual a como se debe ver, el redondeo superior esta despegado de la cabecera como por 1 px o quizas 2px. y en el inferior tambien hay como un bug. resulta que internet explorer muestra lo mismo que el html-kit.

sin embargo opera muestra la pagina exactamente como se supone que debe estar.
a alguien mas le ha pasado esto?¿ o soy solo yo que debo haber metido la pata en el codigo que he escrito???

he montado los cambios en mi pagina, http://primerawebdejj.myartsonline.com
para que tengan acceso a mi trabajo y vean a lo que me refiero. lo abro con iexplorer y la apariencia esta mal, la abro con opera y se ve bien!

intenta poniendo un "float:left" dentro de cada uno de tus stilos es decir:

#global {width:800px ; margin:4px auto }
#curva-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px; float:left}
#cabecera {background-color: white; border-left: black 1px solid; border-right: black 1px solid; float:left }
#navegacion {background-color: gray; border: black 1px solid ; float:left}
#contenido {background-color: orange ;border-left: black 1px solid ; border-right: black 1px solid ; float:left}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ; float:left}
creo q es por eso bueno de todas maneras voy a hacer pruebas con tus codigos q pusiste :P

uhmm, tantos float left han desplazado muchas cosas de su sitio y no resuelven el problema de visualizarlo bien en iexplorer o en html-kit.

he probado hacer flot:left en distintas combinaciones y tampoco sirve!
pero dime algo, a ver si me quedo mas tranquilo, visualizaste mi web con ambos navegadores¿? ves el mismo problema que yo? o solo es en mi ordenador?

bueno en fire y en chomera muestran bien y en iexplorer muestran como dices. dame unos minutos y ago pruebas para ver cual es el posible error

Bueno trate de solucionarlo con codigos asta q me cabree :P y edite la imagen aumentale en el borde una pequeña linea :P no muy grande :P guarda y listo creo q era problema de la imagen

Buenas, te falta una propiedad de poner tanto en #curva-superior como en #curva-inferior, es esta -> overflow : hidden;
Así se te verá bien creo.

Overflow dice como el contenido que excede de la capa debe ser manejado. Valores: hidden, auto, visible, scroll