No se ve bien en ie9, pero necesito que se vea bien, alguien me puede ayudar?
Mi html:
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/maxheight.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="js/jquery.faded.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/html5.js">
<script type="text/javascript">
$(function(){
$("#faded").faded({
speed: 500,
crossfade: true,
autoplay: 10000,
autopagination:false
});
$('#domain-form').jqTransform({imgPath:'jqtransformplugin/img/'});
});
</script>
<!--[if lt IE 7]>
<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<style type="text/css">
<!--
.Estilo1 {
color: #009900;
font-weight: bold;
}
.Estilo2 {
color: #009900;
font-weight: bold;
}
-->
</style>
</head>
<body id="page1" onLoad="new ElementMaxHeight();">
<div class="tail-top">
<!-- header -->
<header>
<div class="container">
<div class="header-box">
<div class="left">
<div class="right">
<nav>
<ul>
<li class="current"><a href="index.php">Home</a></li>
<li><a href="servicios.html">Servicios</a></li>
<li><a href="soporte.html">Demo</a></li>
<li><a href="soporte.html">Precios</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</nav>
<h1><a href="index.html"><span>Lanzamos</span>Tu<span>Negocio</span>.</a></h1>
</div>
</div>
</div>
<span class="top-info">24/7 Soporte y ventas 600 000 00 </span>
<form action="" id="login-form">
<fieldset>
<span class="text">
<input name="text" type="text" onFocus="if(this.value=='Usuario'){this.value=''}" onBlur="if(this.value==''){this.value='Usuario'}" value="Usuario">
</span> <span class="text">
<input name="password" type="password" onFocus="if(this.value=='Password'){this.value=''}" onBlur="if(this.value==''){this.value='Password'}" value="Password">
</span> <a href="#" class="login" onClick="document.getElementById('login-form').submit()"><span><span>Login</span></span></a> <span class="links"><a href="#"> Password?</a><br/>
<a href="#"></a></span>
</fieldset>
</form>
</div>
</header>
<!-- content -->
<section id="content">
<div class="container">
<div id="faded">
<ul class="slides">
<li><img src="images/slide-title1.gif"><a href="servicios.html"><span><span>Mira la Demo</span></span></a></li>
<li><img src="images/slide-title4.gif"><a href="maquinas.html"><span><span>Mira la Demo</span></span></a></li>
<li><img src="images/slide-title3.gif"><a href="productos.html"><span><span>Mira la Demo</span></span></a></li>
<li><img src="images/slide-title2.gif"><a href="soporte.html"><span><span>Mira la Demo</span></span></a></li>
</ul>
<ul class="pagination">
<li><a href="#" rel="0"><span>Gestionadas </span><small>Para que tu no hagas nada </small></a></li>
<li><a href="#" rel="1"><span>Potentes</span><small>El E-commerce más potente </small></a></li>
<li><a href="#" rel="2"><span>Efectivas</span><small> Ventas efectivas onlinea </small></a></li>
<li><a href="#" rel="3"><span>Económicas</span><small>Sin altas, cuotas reducidas </small></a></li>
</ul>
</div>
<div class="inside">
<div class="wrapper row-1">
<div class="box col maxheight">
<div class="border-right maxheight">
<div class="border-bot maxheight">
<div class="border-left maxheight">
<div class="left-top-corner maxheight">
<div class="right-top-corner maxheight">
<div class="right-bot-corner maxheight">
<div class="left-bot-corner maxheight">
<div class="inner">
<h3 align="center">FORMULARIO DE SOLICITUD</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="inside1"></div>
</div>
</div>
</section>
</div>
<!-- aside -->
<aside>
<div class="container">
<div class="inside">
<div class="line-ver1">
<div class="line-ver2">
<div class="line-ver3">
<div class="wrapper line-ver4"></div>
</div>
</div>
</div>
</div>
</div>
</aside>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>