Hola, practicando un poco de CSS me he topado con el siguiente problema: al situar un elemento menor justo en una esquina de un div grande, observo que en IE queda correctamente emplazado, esto es, pegado al borde o límite de ese div mayor; en cambio, con Firefox aparece junto a ese límite pero en el lado opuesto, es decir, fuera del div grande. El código es:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
background: gray;
margin-top: 74px;
margin-bottom: 99px;
}
#div {
width: 630px;
height: 700px;
background: white;
position: absolute;
top: 100px;
left: 281px;
margin-top: 60px;
margin-bottom: 240px;
padding-top: 30px;
padding-bottom: 42px;
#menor {
widht: 14px;
height: 10px;
position: absolute;
top: 753px;
left: 948px;
background: red;
}
</style>
</head>
<body>
<center>
<div>
</div>
</center>
<div id="menor">
</div>
</body>
</html>
¿Cómo se hace para que Firefox muestre el elemento menor en su posición correcta?
Un saludo.