Problemas entre diferentes exploradores.

Hola buenas tardes. Tengo una duda que queria consultar. Estoy haciendo el restyle de la siguiente url:

http://www.cursosdeinglesparagrupos.es

y el problema reside en que entre firefox y Internet explorer existe una pekeña diferencia y no encuentro la manera de solventarlo.. Es una simple separacion que se genera entre el header y el contenido..

Les pego el archivo CSS:

Código :

*/

* {
   margin: 0;
   padding: 0;
}

body {
   
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 13px;
   margin-top:100px;
   margin-left:303px;
   
}

#content .p {
    padding-left: 61px;
    text-align: justify;
    width: 654px;
   font-family: Century Gothic,Arial;
}


#mapaUK{
   height:300px; 
   width:300px; 
   margin-top:-43px;
}
#mapaIrlanda{
   height:300px; 
   width:300px; 
   margin-top:-43px;
}
#mapaMalta{
   height:300px; 
   width:300px; 
   margin-top:-43px;
}
#mapaFracia{
   height:300px; 
   width:300px; 
   margin-top:-43px;
}
#mapaAlemania{
   height:300px; 
   width:300px; 
   margin-top:-43px;
}
#UKtext{
   height:70px;
   width:300px;
   background-image:url(images/UKtext2.png);
   margin-left:-16px;
   margin-top:10px;
}

#Irlandatext{ 
   height:70px;
   width:300px;
   background-image:url(images/Irlandatext2.png);
   margin-left:-62px;
   margin-top:80px;
}
#Maltatext{ 
   height:70px;
   width:300px;
   background-image:url(images/MaltaText2.png);
   margin-left:-68px;
   margin-top:80px;
   float:inherit;
}
#puntoBournemouth{
   background-image:url(images/bournemouth_punto.png); 
   width:170px; 
   height:40px;
   -moz-background-clip:border;
   -moz-background-origin:padding;
   -moz-background-size:auto auto;
   background-attachment:scroll;
   background-color:transparent;
   background-position:0 0;
   background-repeat:no-repeat;
}

#codigo{
   -moz-background-clip:border;
   -moz-background-origin:padding;
   -moz-background-size:auto auto;
   background-attachment:scroll;
   background-color:transparent;
   background-image:url("images/codigodebarras.png");
   background-position:0 0;
   background-repeat:no-repeat;
   float:left;
   height:505px;
   margin-left:-58px;
   margin-top:43px;
   width:57px;
}


h1, h2, h3 {
   font-weight: normal;
   color: #3B3B3B;
   margin-left: 60px;
}

h1 { font-size: 182%; }
h2 { font-size: 175%; }
h3 { font-size: 100%; }

p, ul, ol {
   color:#000000;
    font-family: Century Gothic,Arial;
   font-size:12px;
   line-height:18px;
   margin-bottom:0;
   margin-left:0;
   margin-right:0;
   margin-top:0;
   padding-bottom:5px;
   padding-left:5px;
   text-align:justify;
}

a:link {
   color: #197232;
}

a:hover {
   text-decoration: none;
   color: #ED2024;
}
a:visited{
   color:#333333;
}

#header {
   width: 770px;
   height: 80px;
   margin: 0 auto;
   -moz-background-clip:border;

}


#logo {
   -moz-background-clip:border;
   -moz-background-origin:padding;
   -moz-background-size:auto auto;
   background-attachment:scroll;
   background-color:transparent;
   background-image:url("images/recuadro_logo3.png");
   background-position:0 0;
   background-repeat:no-repeat;
   float:left;
   height:125px;
   width:191px;
   margin-top:-87px;
   margin-left:-85px;
   
}
#marco_bournemouth{
   background-image:url("../../../images/baners ciudades/bournemouth/baner-bournemouth2.png");
   height:406px;
   margin-left: 96px;
   margin-top:-23px;
   width:591px;   
}
#marco_dublin{
   background-image:url("../../../images/baners ciudades/dublin/baner-dublin.png");
   height:406px;
   margin-left: 96px;
   margin-top:-23px;
   width:591px;
   
}
#marco_york{
    margin-left: 96px;
   height:406px;
   margin-top:-23px;
   width:591px;
   
}
#marco_cambridge{
   margin-left: 96px;
   height:406px;
   margin-top:-23px;
   width:591px;
   
}
#marco_liverpool{
   margin-left: 96px;
   height:406px;
   margin-top:-23px;
   width:591px;
   
}
#marco_edimburgo{
   
   height:406px;
   margin-left: 96px;
   margin-top:-23px;
   width:591px;
   
}
#marco_paris{
   margin-left: 96px;
   height:406px;
   margin-top:-23px;
   width:591px;
}

#marco_biarritz{
   margin-left: 96px;
   height:406px;
   margin-top:-23px;
   width:591px;
}

#marco_swieqi{
   margin-left: 96px;
   height:406px;
   margin-top:-23px;
   width:591px;
}

#marco_lindau{
   margin-left: 96px;
   height:406px;
   margin-top:-23px;
   width:591px;
}

#recuadro1{
    height: 100px;
    margin-left: 32px;
    margin-top: 15px;
    width: 200px;
}

#recuadro2{
    height: 100px;
    margin-left: 265px;
    margin-top: -100px;
    width: 200px;
}

#recuadro3{
    height: 100px;
    margin-left: 505px;
    margin-top: -100px;
    width: 200px;
}

#logo h1 {
   padding-top: 20px;
   text-align: center;
}

#logo h1 a {
   font-weight: normal;
   font-size: 24px; 
   color: #3B3B3B;
}

#logo h2 {
   text-align: center;
   text-transform: uppercase;
   font-size: 8px;
}

#logo h2 a {
   color: #B3A7A0;
}

#logo a {
   text-decoration: none;
}

#menu {
   float: right;
   width: 565px;
   margin-top:-38px;
   margin-left:306px;
}

.menu1{
   display: block;
    width: auto;
   
   }

.menu2{
   display: block;
    width: auto;
   
   }

.menu3{
   display: block;
    width: auto;
   
   }


#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu li {
   display: inline;
   width:20px;
}

#menu a {
   display: block;
   float: left;
   height: 50px;
   padding: 30px 25px 0 25px;
   background: url(images/img1.gif) no-repeat;
   text-decoration: none;
   font-size: 114%;
   color: #3B3B3B;
}

#menu a:hover {
   color: #ED2024;
}

#splash {
    background: url("images/header_new.png") no-repeat scroll 0 0 transparent;
    height: 135px;
    margin-left: -264px;
    margin-top: -38px;
    width: 1025px;
}

#splash p {
   float: right;
   width: 460px;
   height: 70px;
   margin: 0;
   padding: 110px 20px 0 50px;
   text-align: right;
   font-size: 136%;
   font-weight: bold;
   color: #ED2024;
}

#page {
   width: 770px;
   margin: 0 auto;
   height:auto;

}
#content {
    background: url("images/content_top.png") no-repeat scroll 0 0 transparent;
    margin-right: -12px;
   margin-top: -69px;
    width: 790px;
   min-height: 764px;

}


#page h1, #page h2 {
    margin-bottom: 20px;
    margin-left: 93px;
    padding-top: 29px;
    text-align: center;
    width: 600px;
}

#page .curve_cen .curve_top {
    background: url("images/content_spliter.png") repeat-y scroll 0 0 transparent;
    float: right;
    margin-right: 33px;
    margin-top: 0px;
    width: 778px;
}
#page .curve_cen {
    margin-left: -42px;
    margin-top: -748px;
}
#content .ol {
    margin-left: 51px;
    text-align: justify;
    width: 500px;
   margin-left:100px;
}

   
#spliter_cierre {
   margin-left: -42px;
}

#conjuntogaleria{
   margin-left: 76px;
   width:640px;
   }

propiedades quitadas del content

    background-color: #EED66D;


antiguo content
   
   float: left;
   width: 508px;
   padding: 20px;
   background-color:#EED66D;
   background-repeat:repeat-y;
   background-attachment:fixed; 


#content ol, #content ul {
   margin-left: 5em;
}

#sidebar {

    margin-left: -284px;
    padding: 20px 23px 20px 20px;
    width: 218px;
}

#sidebar li .submenu {
   border-bottom: 0px dashed #BFB8AF;
   padding-top: 5px;
   
}
#sidebar li .submenu a {
    border-bottom: 0 dashed #BFB8AF;
    font-size: 12px;
    font-style: italic;
    padding-left: 0px;
    padding-right: 10px;
   padding-top:5px;
   text-transform: inherit;
}
#separador1 {
    background: url("images/separadorMenuArriba.png") no-repeat scroll 0 0 transparent;
    height: 8px;
}

#separadormenu2 {
    background: url("images/separadorMenuArriba.png") no-repeat scroll 0 0 transparent;
    height: 8px;
}

#separadormenu3 {
    background: url("images/separadorMenuArriba.png") no-repeat scroll 0 0 transparent;
    height: 8px;
}

#sidebar h2 {
   padding-top: 6px;
   font-weight: bold;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#sidebar li {
    border-bottom: 0px dashed #BFB8AF;
    line-height: 0px;
    padding-left: 10px;
    padding-right: 10px;
}



ul.arrow li a {
   -moz-background-clip: border;
   -moz-background-origin: padding;
   -moz-background-size: auto auto;
   background-attachment: scroll;
   background-color: transparent;
   background-position: left center;
   background-repeat: no-repeat;
   color: #2E2E2E;
   font-family: Century Gothic,Arial,Helvetica,sans-serif;
   font-size: 12px;
   line-height: 10px;
    padding-left: 20px;
   text-decoration: none;
   text-transform: uppercase;
}
#sidebar h3 {
   height:34px;
   padding: 0 10px;
   background:url(images/botonIngles.png) no-repeat;
   color: #FFFFFF;
   margin-bottom:6px;
}

#puntomenu {
    border: 0 none;
    margin-left: 0px;
    margin-top: 0px;
}
#botonGruposEscolares {
    background: url("images/botonGruposEscolares.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 32px;
    margin-bottom: -2px;
    margin-left: -7px;
    padding: 0 10px;
   width: 200px;
   }
#botonGruposDeVerano{
   height:34px;
   padding: 0 10px;
   background:url("images/botonGruposDeVerano.png") no-repeat;
   color: #FFFFFF;
   margin-bottom:-2px;
   margin-left: -7px;
   width: 200px;

}

#botonInfoGeneral{
   height:34px;
   padding: 0 10px;
   background:url("images/botonInformacionGeneral.png") no-repeat;
   color: #FFFFFF;
   margin-bottom:-2px;
   margin-left: -7px;      
   width: 200px;

}

#sidebar .box1 {
   margin-top:0px;
   margin-left:0px;
   }

#sidebar .box1 .cabecera {
    background: url("images/botonGruposEscolares") no-repeat scroll 0 0 transparent;
    height: 30px;
    margin-top: -4px;
    overflow: hidden;
}
#sidebar .box1 .filas {
   background: url("") no-repeat scroll 0 0 transparent;

   }
#sidebar .box1 .arrow {
   background: url("images/interiorMenu.png") repeat-y scroll 0 0 transparent;
   }
#sidebar .box1 .cierre {
   background: url("images/fin_menu.png") no-repeat scroll 0 0 transparent;
 height: 22px;   }

#sidebar .box2 {
   margin-top:0px;
   margin-left:0px;   
   }

#sidebar .box2 .cabecera {
   background: url("images/botonGruposDeVerano") no-repeat scroll 0 0 transparent;
   height: 30px;
    overflow: hidden;
   margin-top: 4px;   
   }
#sidebar .box2 .filas {
   }
#sidebar .box2 .arrow {
   background: url("images/interiorMenu.png") scroll 0 0 transparent;
}
#sidebar .box2 .cierre {
   background: url("images/fin_menu.png") no-repeat scroll 0 0 transparent;
 height: 22px;   }

#sidebar .box3 {
   margin-top:0px;
   margin-left:0px;
   
}

#sidebar .box3 .cabecera {
   background: url("images/botonInformacionGeneral") no-repeat scroll 0 0 transparent;
   height: 30px;
    overflow: hidden;
   margin-top: 4px;
   }
#sidebar .box3 .filas {
   background: url("") no-repeat scroll 0 0 transparent;
   }
#sidebar .box3 .arrow {
   background: url("images/interiorMenu.png") no-repeat scroll 0 0 transparent;
      padding-top:8px;

   }
#sidebar .box3 .cierre {
   background: url("images/fin_menu.png") no-repeat scroll 0 0 transparent;
 height: 22px;   }



#infoGeneral{
   height:34px;
   padding: 0 10px;
   background:url(images/informacionGeneral.png) no-repeat;
   color: #FFFFFF;
   margin-bottom:6px;
}
#textoarriba{
   -moz-background-clip:border;
   -moz-background-origin:padding;
   -moz-background-size:auto auto;
   background-attachment:scroll;
   background-color:transparent;
   background-image:url("images/textoarriba.png");
   background-position:0 0;
   background-repeat:no-repeat;
   float:left;
   height:125px;
   margin-left:132px;
   margin-top:-129px;
   width:763px;
   
}

#footer {
    background: url("images/footer.png") repeat scroll 0 0 transparent;
    height: 108px;
    margin-left: -269px;
    margin-top: 0px;
    padding-top: 10px;
    width: 1007px;
}

#footer p {
    color: #CCCCCC;
    font-size: 100%;
    line-height: normal;
    margin: -5px 5px 0;
    padding: 0;

}

#footer p a{
   color:#CCC;

   }

#linksfooter {
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 110px;
}
   
#linksfooter p{
   
   font-size:66%
   
   }
#legal {
   float: left;
}

#links {
   float: right;
}

#separador{
   background-image:url("images/separadorLateral.png");
   -moz-background-clip:border;
   -moz-background-origin:padding;
   -moz-background-size:auto auto;
   background-attachment:scroll;
   background-color:transparent;
   background-position:0 0;
   background-repeat:repeat-y;
   margin-bottom:auto;
   margin-left:auto;
   margin-right:-20px;
   margin-top:-722px;
   width:5px;
   height:818px;
   display:block;
}

#pdf{
   background-image:url("images/pdf.png");
   margin-left:369px;
   margin-top:-41px;
   height:50px;
   width:50px;
}   
#foto{

   margin-left:371px;
   margin-top:-41px;
   
}
a:visited img { border:0px;}


.miniaturas{
   border: 1px solid #C5B56C;
   margin: 0px 10px 10px 0px;
   padding: 5px;
}

MUCHISIMAS GRACIAS!


El Index.html es el siguiente:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cursos de idiomas para grupos de alumnos de colegios e institutos</title>
<meta name="keywords" content="Cursos de idiomas para grupos de alumnos de colegios, Cursos de idiomas para grupos de alumnos de institutos, cursos de idiomas en el extranjero para grupos, grupos de colegios en el extranjero, Cursos de idiomas en el extranjero, grupos de alumnos, aprender ingles, aprender aleman, aprender frances, cursos de ingles para grupos de instituto, cursos de ingles para grupos de colegios, cursos de francés para grupos de instituto, cursos de frances para grupos de colegios, cursos de alemán para grupos de instituto, cursos de aleman para grupos de colegios, Cursos de ingles, Cursos de aleman, Cursos de frances" />
<meta name="description" content="Cursos de inglés, cursos de francés y cursos de aleman en el extranjero para jóvenes que quieran ir en grupo con sus compañeros del colegios o del instituto, acompañados de uno o varios profesores, los cuales tendrán ventajas para viajar de manera mas economica. Inglaterra, Irlanda, Malta, Francia y Alemania.Cursos de idiomas en el extranjero para grupos de alumnos  construidos a medida, para que todos los chicos lo tengan todo facilmente organizado.Cursos durante todo el año y siempre con los mejores precios." />
<link href="default.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23212561-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<style type="text/css">
#page #sidebar .box1 .filas .arrow .arrow a strong {
   font-size: 12px;
   font-weight: bold;
}
</style>
</head>
<body background="images/fondo1(gris).png">
  

    <div id="header">
    
        
        <div id="menu">
            <ul>
                <li>
                  <div><a href="index.html">Inicio </a></div>
                </li>
                <li>
                  <div><a href="cursos-de-ingles.html"> Inglés </a></div>
                </li>
                <li>
                  <div><a href="cursos-de-frances.html">Francés</a></div>
                </li>
                <li>
                  <div><a href="cursos-de-aleman.html">Alemán </a></div>
                </li>
                <li><div><a href="contacto.html">Contacto</a></div>
                </li>
                <li><div><a href="#"></a></div></li>
            </ul>
        </div>
    </div>
<div id="page">
      <div id="splash" style="background-image:url(../../../../images/header_new.png)"></div> <div id="sidebar" style="height:auto">
            <div class="box1">
                   <div class="cabecera"></div>
                    <div class="filas">    
                        <ul class="arrow">
                            <li class="arrow"><p><a href="cursos-de-ingles.html"><div><img src="images/puntomenu.png" border="none" /><strong>&nbsp;&nbsp;CURSOS DE INGLÉS</strong></div></a></p>
                              <ul>
                                <li class="submenu"><a href="destinos-cursos-ingles.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Destinos disponibles</a></li>
                                <li class="submenu">&nbsp;</li>
                                <li class="submenu"><a href="galeria-fotos-Ingles.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Galería fotográfica </a></li>
                              </ul>
                            </li>
                            <li class="arrow"><p><a href="http://www.cursosdeinglesparagrupos.es/cursos-de-frances.html" title="Cursos de frances en  el extranjero  para grupos de escolares"><div><img src="images/puntomenu.png" border="none" /><strong>&nbsp;&nbsp;CURSOS DE FRANCÉS</strong></div></a></p>
                              <ul>
                                <li class="submenu"><a href="http://www.cursosdeinglesparagrupos.es/destinos-cursos-frances.html" title="Destinos para realizar cursos de frances en el extranjero">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Destinos disponibles</a></li>
                                <li class="submenu">&nbsp;</li>
                                <li class="submenu"><a href="http://www.cursosdeinglesparagrupos.es/galeria-fotos-Frances.html" title="Galería fotográfica de las escuelas para realizar cursos de frances en el extranjero">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Galería fotográfica</a></li>
                              </ul>
                        </li>
                            <li class="arrow"><p><a href="http://www.cursosdeinglesparagrupos.es/cursos-de-aleman.html" alt="Cursos de alemán en el extranjero para grupos de escolares"><div><img src="images/puntomenu.png" border="none" /><strong>&nbsp;&nbsp;CURSOS DE ALEMAN</strong></div></a></p>
<ul>
            <li class="submenu"><a href="http://www.cursosdeinglesparagrupos.es/destinos-cursos-aleman.html" title="Destinos para realizar cursos de aleman en el extranjero con grupos de colegios e institutos.">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Destinos disponibles</a></li>
            <li class="submenu">&nbsp;</li>
         <li class="submenu"><a href="http://www.cursosdeinglesparagrupos.es/galeria-fotos-Aleman.html" title="Galeria fotográfica de los cursos de aleman en el extranjero para grupos de colegio se institutos">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Galería fotográfica</a></li>
                              </ul>
                            </li>
                        </ul>
</div>
                    <div class="cierre"></div>
    
            </div>
            
<div class="box2">
                   <div class="cabecera"></div>

                    <div class="filas">          
                            <ul class="arrow">
                                <li class="arrow"><p><a href="#"><div><img src="images/puntomenu.png" border="none" /><strong>&nbsp;&nbsp;CURSOS DE INGLÉS</strong></div></a></p>
                                  <ul>
                                    <li class="submenu"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Destinos disponibles</a></li>
                                  </ul>
                                </li>
                                <li class="arrow"><p><a href="#"><div><img src="images/puntomenu.png" border="none" /><strong>&nbsp;&nbsp;CURSOS DE FRANCÉS</strong></div></a></p>
                                  <ul>
                                    <li class="submenu"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Destinos disponibles</a></li>
</ul>
</li>
                                <li class="arrow"><p><a href="#"><div><img src="images/puntomenu.png" border="none" /><strong>&nbsp;&nbsp;CURSOS DE ALEMÁN</strong></div></a></p>
                                  <ul>
                                    <li class="submenu"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Destinos disponibles</a>                                </li>
                                  </ul>
                                </li>   
                            </ul>
</div>
                    <div class="cierre"></div>
            </div>
    
<div class="box3">
                <div class="cabecera"></div>

                      <div class="filas"></div>
              <ul class="arrow">
                           <li class="arrow"><a href="contacto.html">Contacta con nosotros</a></li>
      <li class="arrow"><a href="#">PeticiÓn de catÁlogos</a></li>
                            <li class="arrow"><a href="#">Delegaciones</a></li>
                            <li class="arrow"><a href="#">Monitores</a></li>
                            <li class="arrow"><a href="#">Reuniones Informativas</a></li>
                            <li class="arrow"><a href="eres-Profesor.html">¿Eres profesor?</a></li>
                            <li class="arrow"><a href="#">Galería fotogrÁfica</a></li>
                <li class="arrow"><a href="condiciones.html">Condiciones</a></li>
                <li class="arrow"><a href="nota-Legal.html">Nota legal</a></li>
                <li class="arrow"><a href="enlaces-Educacion.html">Enlaces sobre educación</a></li>
                <li class="arrow"><a href="enlaces-Turismo.html">Enlaces sobre turismo</a></li> 
              <li class="arrow"><a href="enlaces-formacion.html">Enlaces de formaciÓn</a></li> 
                <li class="arrow"><a href="enlaces-viajes.html">Enlaces sobre viajes</a></li> 
                <li class="arrow"><a href="enlaces-otros.html">Otros enlaces</a></li> 
      </ul>    
              <div class="cierre"></div>
               </div>
            </div>
   
<div class="curve_cen">            
   <div class="curve_top">
            <div id="content">
            
                <h1 >Cursos de idiomas para grupos de colegios e institutos (PAGINA EN MANTENIMIENTO.) </h1>
                
                <p class="p">&nbsp;  </p>
                <p class="p">Si  eres docente o director de un centro educativo y quieres llevar a tus  estudiantes al extranjero, <strong>Speak&amp;Fun  Cursos para grupos </strong>te ofrece los siguientes destinos.</p>
                
                
                <div id="recuadro1"><a href="cursos-de-ingles.html"><img src="images/recuadro1.png" alt="Cursos de ingles para grupos de colegios y grupos de institutos"  class="miniaturas" /></a></div>
                
                <div id="recuadro2"><a href="cursos-de-frances.html"><img src="images/recuadro2.png" alt="Cursos de frances para grupos de colegios y grupos de institutos"  class="miniaturas" /></a></div>
                
                
                <div id="recuadro3">
                <a href="cursos-de-aleman.html"><img src="images/recuadro3.png" alt="Cursos de aleman para grupos de colegios y grupos de institutos"  class="miniaturas" />
                </a>
                </div>
            
                
                <p class="p">&nbsp;</p>
                <p class="p">Si  eres profesor, te interesa esta información:</p>
                <p class="p">&nbsp;</p>
                <p class="p">Ventajas que ofrece Speak &amp; Fun<strong>: </strong></p>
                <ol class="ol">
                  <li>
                    Conveniencia: todas nuestras escuelas se encuentran en destinos de fácil  acceso en avión/tren, por lo que será fácil organizar el viaje
                  </li>
                  <li>
                    Comodidad: nosotros organizaremos el alojamiento, curso de idiomas, actividades  y excursiones a realizar en destino
                  </li>
                  <li>
                   Relación Calidad-Precio: nuestros programas están calculados al  milímetro para que los estudiantes no hagan un gran esfuerzo económico para  asistir a un curso de idiomas en el extranjero de calidad certificada
                  </li>
                  <li>
                   Calidad: todas nuestras escuelas están certificadas por las más  prestigiosas asociaciones e instituciones internacionales para la calidad de la  enseñanza
                  </li>
                  <li>
                   Rapidez: responderemos a su petición en menos de 24 horas con  presupuestos claros y resolveremos sus dudas al instante
                  </li>
                  <li>
                    Proximidad: estaremos a sus disposición para ayudarle en cualquier  momento de la preparación del viaje
                  </li>
                  <li>
                Orientación: le aconsejaremos desde la experiencia para que encuentre  el destino, presupuesto y fecha más apropiados
                  </li>
                  <li>
                  Flexibilidad: adaptaremos el viaje a la medida de sus necesidades  logísticas y/o económicas para facilitarle al máximo la labor de organización
                  </li>
                  <li>
                 Precios inmejorables: nuestra meta es encontrar escuelas de calidad que  ofrezcan servicios a precios razonables y accesibles a todos los bolsillos,  porque no siempre mayores precios significan mejor calidad
                  </li>
                  <li>
                   Seguridad y confianza: Speak&amp;Fun España es miembro de la Asociacion  Española de Promotores de Cursos en el Extranjero <strong>(<a href="http://www.aseproce.org/" title="aseproce" >ASEPROCE</a>)</strong>, más de 1500  estudiantes disfrutaron de nuestros servicios solo en el pasado año
                  </li>
              </ol>
                <p class="p"><strong>&nbsp;</strong></p>
                <p class="p">¿ Cuáles son los destinos que  ofrece Speak&amp;Fun ?<br />
              </p>
                <p class="p">Reino Unido es uno de los destinos más populares por su cercanía y belleza: desde  grandes urbes como <strong>Londres</strong> y <strong><a href="ingles/Inglaterra/Edimburgo/ingles-grupos-edimburgo-inglaterra.html">Edimburgo</a></strong> a famosas ciudades como <strong><a href="ingles/Inglaterra/Cambridge/ingles-grupos-cambridge-inglaterra.html">Cambridge</a></strong>, <strong><a href="ingles/Inglaterra/Liverpool/ingles-grupos-liverpool-inglaterra.html">Liverpool</a></strong> y <strong><a href="ingles/Inglaterra/York/ingles-grupos-york-inglaterra.html">York</a></strong> o  encantadores pueblos como <strong><a href="ingles/Inglaterra/Bournemouth/ingles-grupos-bournemouth-inglaterra.html">Bournemouth</a></strong> y <strong>Margate</strong>. </p>
                <p class="p"><br />
                En Irlanda, conocida por sus  espectaculares paisajes y la amabilidad de sus gentes, podrán hacer su viaje de  idiomas en <strong><a href="ingles/Irlanda/Dublin/ingles-grupos-dublin-irlanda.html">Dublín</a></strong>. A la capital del  país llegan numerosas compañías de bajo coste desde muchos puntos de España por  lo que será muy fácil organizarlo todo. </p>
                <p class="p"><br />
                  <strong><a href="ingles/Malta/swieqi/ingles-grupos-swieqi-malta.html" class="Estilo11">Malta</a></strong> es uno de los países que recientemente más estudiantes españoles de  inglés ha recibido: sus precios imbatibles, su clima mediterráneo, sus playas y  rica historia, hacen de esta isla un destino prioritario para los jovenes españoles.</p>
              <p class="p"><br />
                <strong>Francia</strong> es, sin duda, el destino más popular para los cursos de francés en el  extranjero: <strong><a href="frances/Francia/Paris/frances-grupos-paris-francia.html">París</a></strong>, ciudad de la luz,  referente histórico y culturas, es por ello el destino por excelencia de la  mayoría de nuestros grupos. Además es muy fácil conseguir vuelos económicos  durante casi todo el año. En este maravilloso país también ofrecemos otros  destinos con mucho encanto, como por ejemplo <strong><a href="frances/Francia/Biarritz/frances-grupos-biarritz-francia.html">Biarritz</a>,</strong> en las costas del país vasco francés. A parte de estos  destinos, trabajamos con muchas otras <strong>escuelas de todo el mundo</strong> no sólo en <strong>Francia</strong>, sino también en otros países  francófonos, como <strong>Suiza</strong> y <strong>Canadá</strong>. En la web principal de <strong>Speak&amp;Fun Cursos de idiomas en el  extranjero (Web: http://www.idiomas-cursos.com) </strong> encontrará un listado completo de todos los destinos ofertados. </p>
              <p class="p"><strong>Alemania</strong> es una gran potencia mundial y un referente económico no solo para la  Comunidad Europea sino para el mundo. El alemán es por tanto un idioma  importante en muchos sectores de la industria y una puerta abierta muchas  opciones de mejora profesional. En este maravilloso país ofrecemos cursos en  míticas ciudades como <strong>Múnich</strong> y <strong>Berlín</strong> o en lugares de ensueño como <strong><a href="aleman/Lindau/aleman-grupos-lindau-alemania.html">Lindau</a></strong>.</p>
              <p class="p">&nbsp;        </p>
                <p class="p">No  dude en pedirnos presupuestos a e-mail o en llamarnos para consultar más información. <strong>¡Hay un destino ideal para cada grupo de alumnos!</strong> ¡<strong>No te pierdas tu <a href="http://www.idiomas-cursos.com" title="Cursos de idiomas en el extranjero">Curso de ingles en el extranjero</a></strong>!</p>
                <p class="p">Además, si tienes entre 5 o 18 años y tus amigos no son tan lanzados para aprender idiomas, puedes ir a pasar un verano diferente con el objetivo de aprender ingles en alguno de nuestro magníficos <a href="http://www.micampamentodeverano.com" title="Campamentos de verano" target="_blank">campamentos de verano</a>.</p>
                <p class="p" >- <a href="http://www.micampamentodeverano.com/es/campamentos_en_andalucia/campamentos_en_andalucia.html" title="Campamentos de verano en Andalucia" target="_blank">Campamentos de verano en Andalucia</a> y <a href="http://www.micampamentodeverano.com/es/campamentos_resto_espana/campamentos_resto_de_espana.html" target="_blank">Campamentos de verano resto España</a> - Aprende inglés al mismo tiempo que haces amigos.</p>
                <p class="p">&nbsp;</p>
              <div style="margin-left:185px"><img src="images/grupo.png" alt="grupo de colegio aprendiendo ingles"  /></div>
                <p class="p" style="text-align: center;">
                </p>
                <p class="p" style="text-align: center;">E-Mail: <a href="mailto:[email protected]">[email protected]</a></p>
                <p class="p" style="text-align: center;"><strong>Tel. (34) 954 21 93 94<br />
                Tel. (34) 954 22 43 62<br />
                Tel. (34) 954 22 34 60</strong><br />
                  Horario de atención al público de 09:30 - 19:00</p>
                <p class="p"></p>
        <p class="p">*Sólo se aplicará un descuento por persona, las ofertas no son acumulables.</p>
        <p class="p">&nbsp;</p>
       
        </div>
        </div>
   </div>


   <div id="logos"></div>
    <div  id="spliter_cierre">
    <img src="../../../../images/content_down.png" alt="separador final del contenido" />
    </div>


    <div id="footer">
        <p id="legal">&nbsp;&nbsp;2010 - Speak &amp; Fun idiomas S.L.</p>
        <p id="links"><a href="mailto:[email protected]">[email protected]</a> | <a href="notaLegal.html">nota legal</a> | <a href="contacto.html">Contacto</a>&nbsp;&nbsp;</p>
        <div id="linksfooter">
            <p><strong><a href="http://speakfunidiomas.blogspot.com" title="Blog de viajes" target="_blank">Blog de viajes en el extranjero</a></strong> | <a href="http://alojamiento-facil.blogspot.com" title="Alojamientos por el mundo" target="_blank"><strong>Alojamiento por el mundo</strong></a>| <strong><a href="http://idiomas-cursos.blogspot.com" title="Aprender idiomas en el extranjero y conocer mundo" target="_blank">Blog de viajes en el extranjero </a></strong> | <a href="http://minimized-music.blogspot.com" title="Blog sobre musica electronica, arte y tecnologia" target="_blank"><strong>Blog de musica electronica arte y tecnologia musical</strong></a> | <strong><a href="http://www.idiomas-ingles.es" title="Aprender ingles en el extranjero" target="_blank">Cursos de idiomas en el extranjero</a></strong> | <a href="http://www.idiomas-cursos.com" title="Cursos de idiomas en el extranjero" target="_blank"><strong>Cursos de ingles en el extranjero</strong></a> | <strong><a href="http://www.cursosparabecasmec.com" title="Cursos de idiomas para la beca MEC" target="_blank">Cursos de idiomas becas mec</a></strong> | <strong><a href="http://www.laguiademalta.es" title="Guia de viajes de malta" target="_blank">Guia de viajes de Malta</a></strong> | <a href="http://www.laguiadeberlin.es" title="Guia de viajes de Berlin" target="_blank"><strong>Guia de viajes de Berlin</strong></a> | <strong><a href="http://www.laguiadelondres.es" title="Guia de viajes de Londres" target="_blank">Guia de viajes de Londres</a></strong> | <strong><a href="http://www.laguiadenuevayork.es" title="Guia de viajes de nueva York" target="_blank">Guia de viajes de York</a></strong> |<strong><a href="http://www.laguiadebournemouth.es" title="Guia de viajes de Bournemouth" target="_blank"> Guia de viajes de Bournemouth</a></strong> | <a href="http://www.laguiadecambridge.es" title="Guia de viajes de Cambridge" target="_blank"><strong>Guia de viajes de Cambridge</strong></a> | <strong><a href="http://www.micampamentodeverano.com" title="Campamentos de verano de ingles en España" target="_blank">Campamentos de verano 2012</a></strong> | <strong><a href="http://www.micampamentodeverano.com/campamentos-de-verano/espana/campamentos-andalucia/campamentos-cadiz/campamento-go-camp/el-campamento.html" title="Campamentos de verano en Cadiz" target="_blank">Campamentos de verano en Cádiz</a></strong> | <strong><a href="http://www.micampamentodeverano.com/campamentos/espana/campamentos-resto-espana/campamentos-madrid/campamento-x-madrid/el-campamento.html" title="Campamentos de verano en Madrid" target="_blank">Campamentos de verano en Madrid</a></strong> | <strong><a href="http://www.idiomas-cursos.com/es/cursos_para_jovenes/cursos_de_idiomas.html" title="Cursos de idiomas para jovenes y niños" target="_blank">Cursos de ingles para jovenes y niños</a></strong>  </p>
           
        </div>
    </div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>


</div>

</body>
</html>

Alguna persona me ha recomendado cambiar la plantilla HTML pero pienso que por un error tan minusculo, debe haber una solucion mas facil, muchas gracias de antemano..

Acabo de leer en este mismo foro como aplicar propiedades a una sola clase del css en Internet explorer solo por ejemplo, Así se solucionaria mi problema pues usando un margin-top con valor negativo solo para explorer, el contenido deberia subir y con eso se solucionaria dicho problema. Pero estoy probando y no lo consigo.. He puesto en el div content lo sieguiente:

Código :

<div id=content" class="contenido">

Y posteriormente en css he definido lo siguiente:

Código :

.contenido{
   #margin-top: -95px;
   
   }

Pero con esto no me funciona.. ¿alguna idea de en qué estoy fallando?

Absolutamente innecesario pegar aquí semejante cantidad de código cuando has puesto dónde encontrarlo y funcionando.

Madre mía, esta sopa de tags no la arregla ni Mandrake.

Bueno, es la primera vez que entre en el foro y realmente, no sabia si era mucho codigo, pense que se podria ver, pero por ponerlo todo, en fin, ese no es el problema. Como le digo, me toca hacer el restyle de una pagina ya existente, esta web ya estaba hecha y esta casi finalizado el restyle, pero me falla eso.. a que te refieres con lo de que la sopa de tags no la arregla ni mandake? espero una solucion, muchas gracias.

Lo he solucionado finalmente con un hack. Tu manera de hablar ayuda muy poco Driver op... parece que quieres echar abajo a la gente en vez de ayudarla.. en fin.. así hay tela de gente en los foros, ya no pierdo ni el tiempo en molestarme. Un saludo a todos, gracias por todo y perdon por el tocho de codigo, que a algunos le molesta..

por mi cerrad el post si quereis..

erbicerman escribió:

A que este diseño se podría haber resuelto con cuatro <div> en vez de apilar y apilar <div> solo para cambiar una alineación aquí y allá. Si vez el código CSS está plagado de margin pa'cá, margin pa'llá, llega un punto en que no sabes en relación a qué está marginando...
Hay un <div> que pretende contener el contenido principal que está corrido a la derecha y abajo pero dentro de éste hay otro que está corrido a la izquierda y arriba, anulando lo que hace el anterior, WTF!
No me extraña que hayas hecho un "hack", la verdad. Yo en tu lugar habría tirado todo abajo y comenzado de cero, haciendo las cosas más limpias.

Buenos días Driverop, así da gusto que le contesten a uno, no el tono usado antes.

Como bien dices, está plagado de margin, pero como puse arriba, me ha tocado el restyle de una web ya hecha y por motivos de tiempo, no se puede comenzar el proyecto de nuevo, pues hay otras webs pendientes de restyle a gran escala, y aunque me guste mas o menos, me ha tocado la web que otra persona hizo, a todos nos ha pasado alguna vez. Sinceramente entiendo lo que dices, pero si la diferencia entre firefox y internet explores es tan minima que solo hay que tocar un margen unos 50 pixeles es que no estará tan mal estructurada la cosa, pienso.. (Obviamente me puedo equivocar, y me encanta aprender de mis equivocaciones, pues así se aprende).

Realmente con los avances que hay en firebug y esto, no es tanto problema los margin pienso, puedes saber en cada momento que margin estás tocando por muy compleja que sea la estructura. Si te parece este diseño complejo imagina otras webs que modifico cuyo contenido está estructurado integramente en tablas.. eso si que es un lio..

Muchas gracias por tu contestación. Un saludo.

Pues tocará tirar todo y hacer de nuevo, para que el que venga detrás de ti no tenga que pasar por lo mismo.