Tengo un problema con el siguiente codigo html/css. En firefox se ve correctamente, pero con IE no se ve el panel en el que pone "A la derecha" y no se porque puede ser (soy nuevo usando div/css).
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>axvid</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<link rel="stylesheet" type="text/css" media="screen" href="anime.css">
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen" href="ie6.css"><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="ie7.css"><![endif]-->
</head>
<body>
<div id="inicio">
<div id="barrausuario">
<div>
<form method="post" action="login.php">
<label for="username">Usuario:</label>
<input class="insertar" type="text" name="username" id="username" value="">
<label for="password">Password:</label>
<input class="insertar" type="password" name="password" id="password" value="">
<input type="submit" value="Identificarme" name="login">
| <a href="index.php?action=register">Registrate</a>
</form>
</div>
</div>
<div id="contenedor">
<div id="rightbar">
a la derecha
</div>
<div class="insertar" id="principal">
aaaaa
<br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>
</div>
</body>
</html> Aqui el css:
Código:
* {
margin:0;
padding:0;
border:0;
}
body{
color:Lime;
text-align:center;
padding:0 20px;
background:#000 url("./imagenes/background.gif");
}
#inicio{
max-width:1188px;
min-width:960px;
margin:0 auto;
padding-top:2px;
background-color:#fff;
position:relative;
}
#barrausuario {
background:#000 url("./imagenes/left_user_bar.gif") left top no-repeat;
margin:0 2px 3px;
color:#fff;
}
#barrausuario div {
background:transparent url("./imagenes/right_user_bar.gif") right top no-repeat;
padding:0 8px;
line-height:24px;
text-align:right;
}
#barrausuario .insertar {
-x-system-font:none;
background-color:#535353;
border:1px solid #939393;
color:#FAFAFA;
font-family:Verdana,Arial,Tahoma,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:1px 2px;
width:125px;
}
.sub_btn {
border:1px solid #666;
color:#000;
padding:1px 4px;
font-size:11px;
font-weight:bold;
background:#fafafa;
cursor:pointer;
}
#rightbar {
background-color:#F5F5F5;
clear:left;
float:right;
margin-right:10px;
width:300px;
}
#principal {
margin:0 0 0 10px;
padding:0 321px 1px 0;
}
#contenedor {
background:transparent;
}
Espero que me puedan guiar un poco con este tema.
Muchas gracias!