Hola, soy nuevo en esto y es mi primera web de este tipo, tengo un problema muy grande, estoy diseñando una web para la pequeña empresa de mis suegros y lo que hice fue descargarme una plantilla monster template y al modificar la web metiendo todo el contenido de la empresa al verla en ie y en firefox la web se descoloca, en chrome se me ve bien y en safari igual, aqui los dejo el codigo para que me digan que es lo que hago mal.
De antemano muchisimas gracias ya que si me ayudan quedare genial con los suegors.
Un saludo.
EL CODIGO:
<!DOCTYPE HTML>
<html class="cufon-active cufon-ready" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ARANTOUR tu agencia receptiva</title>
<meta charset="utf-8">
<meta name="description" content="Your description">
<meta name="keywords" content="Your keywords">
<meta name="palmero" content="palmero">
<link rel="stylesheet" href="index_files/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="index_files/grid.css" type="text/css" media="all">
<link rel="stylesheet" href="index_files/style.css" type="text/css" media="all">
<!-- styles for prettyPhoto -->
<link rel="stylesheet" href="index_files/prettyPhoto.css" type="text/css" href="estilos-ie.css="all">
<script type="text/javascript" src="index_files/jquery-1.js"></script>
<script type="text/javascript" src="index_files/script.js"></script><script src="index_files/coin-slider.js" type="text/javascript"></script><script src="index_files/floatdialog.js" type="text/javascript"></script><script src="index_files/hoverIntent.js" type="text/javascript"></script><script src="index_files/superfish.js" type="text/javascript"></script><script src="index_files/atooltip.js" type="text/javascript"></script><script src="index_files/runonload.js" type="text/javascript"></script><script src="index_files/contact-form.js" type="text/javascript"></script><script src="index_files/scrollTop.js" type="text/javascript"></script><script src="index_files/flashobject.js" type="text/javascript"></script><script src="index_files/tabs.js" type="text/javascript"></script><script src="index_files/hover-image.js" type="text/javascript"></script><script src="index_files/jquery_004.js" type="text/javascript"></script><script src="index_files/jquery_002.js" type="text/javascript"></script><script src="index_files/jquery.js" type="text/javascript"></script><script src="index_files/jquery_003.js" type="text/javascript"></script><script src="index_files/jquery_006.js" type="text/javascript"></script><script src="index_files/jquery_005.js" type="text/javascript"></script><script src="index_files/kwicks-1.js" type="text/javascript"></script><script src="index_files/maxheight.js" type="text/javascript"></script>
<script type="text/javascript" src="index_files/cufon-yui.js"></script><style type="text/css">
cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;d isplay:inline-block!important;position:relative!important;vertic al-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!importa nt;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}body {
background-image: url(contenido%20index/imagenes/fondo%20web%20fin.jpg);
}
.Estilo1 {
color: #FFFFFF;
text-align: center;
display: inline;
}
.Estilo5 {color: #FF0000; font-weight: bold; }
.Estilo6 {color: #FF0000}
</style>
<script type="text/javascript" src="index_files/Myriad_Pro_400.js"></script>
<script type="text/javascript" src="index_files/cufon-replace.js"></script>
<script type="text/javascript" src="index_files/flashobject.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<![endif]-->
</head><body onLoad="new ElementMaxHeight();">
<header>
<div class="container_24">
<div class="extra-wrap">
<div class="grid_24">
<nav>
<ul class="sf-menu sf-js-enabled">
<li class=""><a href="111.html" class="current"><cufon style="width: 44px; height: 24px;" alt=" Inicio" class="cufon cufon-canvas"><canvas style="width: 61px; height: 27px; top: -3px; left: -1px;" height="27" width="61"></canvas><cufontext>Inicio</cufontext></cufon></a></li>
<li class=""><a href="file:///Users/palmero/Desktop/aranweb/111.html"><cufon style="width: 39px; height: 24px;" alt=" Nosotros" class="cufon cufon-canvas"><canvas style="width: 57px; height: 27px; top: -3px; left: -1px;" height="27" width="57"></canvas><cufontext>Nosotros</cufontext></cufon></a>
<ul style="display: none; visibility: hidden;">
<li><a href="http://osc4.template-help.com/wt_32231/more.html"><cufon style="width: 74px; height: 21px;" alt="reservation" class="cufon cufon-canvas"><canvas style="width: 88px; height: 24px; top: -3px; left: -1px;" height="24" width="88"></canvas><cufontext>reservation</cufontext></cufon></a></li>
<li><a href="http://osc4.template-help.com/wt_32231/more.html"><cufon style="width: 26px; height: 21px;" alt="hot " class="cufon cufon-canvas"><canvas style="width: 45px; height: 24px; top: -3px; left: -1px;" height="24" width="45"></canvas><cufontext>hot </cufontext></cufon><cufon style="width: 38px; height: 21px;" alt="Barco" class="cufon cufon-canvas"><canvas style="width: 54px; height: 24px; top: -3px; left: -1px;" height="24" width="54"></canvas><cufontext>Barco</cufontext></cufon></a></li>
</ul>
</li>
<li class=""><a href="chiquitrén.html"><cufon style="width: 92px; height: 24px;" alt="Chiquitrén" class="cufon cufon-canvas"><canvas style="width: 111px; height: 27px; top: -3px; left: -1px;" height="27" width="111"></canvas><cufontext>Chiquitrén</cufontext></cufon></a></li>
<li class=""><a href="Barco.html">
<cufon style="width: 31px; height: 24px;" alt=" Barco " class="cufon cufon-canvas"><canvas style="width: 52px; height: 27px; top: -3px; left: -1px;" height="27" width="52"></canvas>
<cufontext>Hot </cufontext></cufon><cufon style="width: 44px; height: 24px;" alt="Turístico" class="cufon cufon-canvas"><canvas style="width: 62px; height: 27px; top: -3px; left: -1px;" height="27" width="62"></canvas><cufontext>Barco</cufontext></cufon></a></li>
<li class=""><a href="file:///Users/palmero/Desktop/aranweb/111.html"><cufon style="width: 47px; height: 24px;" alt=" Ocio alternativo" class="cufon cufon-canvas"><canvas style="width: 65px; height: 27px; top: -3px; left: -1px;" height="27" width="65"></canvas><cufontext>Hotels</cufontext></cufon></a></li>
<li class=""><a href="file:///Users/palmero/Desktop/aranweb/111.html"><cufon style="width: 31px; height: 24px;" alt=" Reser" class="cufon cufon-canvas"><canvas style="width: 52px; height: 27px; top: -3px; left: -1px;" height="27" width="52"></canvas><cufontext>Our </cufontext></cufon><cufon style="width: 48px; height: 24px;" alt="vas" class="cufon cufon-canvas"><canvas style="width: 66px; height: 27px; top: -3px; left: -1px;" height="27" width="66"></canvas><cufontext>Events</cufontext></cufon></a></li>
<li class=""><a href="file:contacto.html"><cufon style="width: 60px; height: 24px;" alt=" Contac" class="cufon cufon-canvas"><canvas style="width: 82px; height: 27px; top: -3px; left: -1px;" height="27" width="82"></canvas><cufontext>Contact </cufontext></cufon><cufon style="width: 18px; height: 24px;" alt="to" class="cufon cufon-canvas"><canvas style="width: 37px; height: 27px; top: -3px; left: -1px;" height="27" width="37"></canvas><cufontext>Us</cufontext></cufon></a></li>
<li class="clear"></li>
</ul>
1º PARTE DEL CODIGO....