Google Chrome muestra un texto con mucho mas margen ¡y no encuentro la solución!

[lauchag95]

Estimados:

Solucioné el inconveniente tan sólo usando DIVS en cambio de <P>. Gracias de todas formas.

Hola!

Ya intenté encontrar el error quitando partes y probando que podría causar esto y no sé, me estoy volviendo loco! agradecería su ayuda.
CSS:

Código CSS:

<style type="text/css">
body,td,th {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #000;
}
body {
    background-color: #FFF;
    margin:0;
}
a {
    font-weight: bold;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}
.top
{
    height:130px;
    width:100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.9, #fff));
background: -moz-linear-gradient(top, #00abeb, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00abeb', endColorstr='#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00abeb', endColorstr='#ffffff')";
background: -o-linear-gradient(top, #00abeb, #ffffff);
 
 
 
}
.banner{
    height:130px;
    width:1024px;
    margin:auto;
}
.alerta{
    height:auto;
    width:1024px;
    margin:auto;
    text-align:center;
    font-weight:bold;
    font-size:30px;
    color:#F00;
    font-family:Verdana, Geneva, sans-serif;
    }
    .log
    {
        width:100%;
        height:20px;
        border-bottom:#00abeb solid 1px;
        color:#000; 
        font-size:11px;
        font-family:arial;
        margin:auto;
        text-align:center;
        line-height:20px;
    }
    .top2{
        height:110px;
        width:1024px;
    }
    .logo{
        
        float:left;
        margin-left:30px;
        height:auto;
        min-height:36px;
 
    }
    .exo
    {
        font-family:'Exo'; font-size:36px; color:#000;
        
        }
    
        
</style>
 

html

Código HTML:

<div class="top">
    <div class="banner">
        <div class="alerta">
       <? include('modulos/alerta.php'); ?>
        </div>
        <div class="log">
        <? include('log/mod.php'); ?> 
        </div>
        <div class="top2">
            <div class="logo">
              <p class="exo">¡Es tu mundo!</p>
              <p style=" color:#000; font-size:14px; padding-left:120px; font-family:'Lilita One', cursive;  ; ">Constrúyelo a tu manera
              </p>
            </div>
        </div>
    </div>
</div>
 

Así se ve mi texto en IE:


Así se ve en Chrome:




¡Muchas gracias!