Problemas con ubicación de banners en código HTML

Buenas gente, tengo problemas con la ubicacion de los banners.. me gustaria que el primer banner se colocara sin margin como el segundo banner que se muestra: Huacho Net Sport

No sè cuàl es el problema, esta es la parte del header el codigo HTML:

/* Header
----------------------------------------------- */
.header2 {width:20%; float: left; margin:0 auto 1%;}
.header {width:75%; float: right; margin:0 auto 1%;}
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}

.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
color: $(header.text.color);
}

.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}

.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}

.header-inner .Header .descriptionwrapper {
padding: 0 $(header.padding);
}

<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Huacho Net Sport (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
<div style='clear: both;'/>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>

Espero su ayuda.

El segundo banner tiene la propiedad border:none . Si inspeccionas el elemento lo veras.

Creo que puede ser por eso.

Saludos espero que te haya servido de algo.

Probè el border:none en el primer elemento

.header2 {width:20%; float: left; margin:0 auto 1%;border:none;}

pero sigue lo mismo :S