descuadre de toda pagina al introducir codigo header en global.css

[bertikas]

Buenas tardes a todos,

Soy Marta, tengo la ultima version de prestashop 1.6.0.14 y tengo un problemón.

He seguido un video tutorial para poder ampliar el header con una foto de 980x200px desde el archivo global.css

en dicho tutorial me decian que en cualquier sitio de ese archivo introdujera este codigo:

 

#header{

background: no-repeat url('../img/hair1.jpg');

width: 980px;

height: 200px;

margin-bottom: 20px;

}

 

tenia la imagen subida, mi logo perfecto para que quedara cuadradito y al guardar y actualizar va y aparrece mi pagina descuadrada completamente tal y como os enseño en la imagen. 

La imagen si que habia subido pero no sé que tengo que hacer ni que codigo he puesto mal, o incluso es que lo tengo que hacer desde otro archivo que no sea el global.css para que cuadre la pagina.

Por favor, ayudaaaaaaaaaaaaa

 

Gracias a todos

Marta

 

[bertikas]

lo siento, mi web es www.bertikasextensiones.com

ahora se ve como tengo todo preparado a falta de poder subir la imagen en el header

[bertikas]

nadie me puede ayudar a introducir el codigo donde debo?