Que te conteste alguien que sepa más que yo, pero si le quitas el "diplay: inline;" verás como te aparece el código. Veo algunos problemas:
1.- Estas utilizando el display: inline; para que los divs aparezcan uno al lado del otro, deberías usar float: left; si le quitas el inline,
2.- En la altura te falta especificar la unidad de medida.
3.- las etiquetas p, mozilla, por defecto les añade un padding o un margin (no se muy bien cual) desplazándote los contenidos del p, y en cambio explorer no lo hace
Así que he hecho esos pequeños cambios y me queda así, que creo que es cómo lo querías:
Código:
<head>
<style type="text/css">
#1 {
width: 100px;
background-color: yellow;
height: 50px;
float: left;
}
#2 {
width: 100px;
background-color: blue;
height: 50px;
float: left;}
p {
padding: 0x;
margin: 0px;}
</style>
</head>
<body>
<div id="1">test</div>
<div id="2">
<p>texto1</p>
<p>texto2</p>
</div>
</body>
Prueba a ver si es eso lo que necesitabas
Un salu2