ubicacion de elementos y deformacion de estructura :/

buenas gente! estoy armando un site pero me encuentro con la siguiente dificultad...
esto es lo armado en photoshop:



ahora al momento de insertar los reflejos laterales en el codigo se me deforma el sitio, me genera un espacio en la parte superior, arriba del logotipo.



como puedo solucionarlo???

les dejo la direccion
www.mymdjgroup.com.ar/fix
desde ya muchas gracias!

El problema es que el div que contiene el brillo lateral esta definido con posición relativa, por lo cual altera el flujo de la pagina y desplaza los demás elementos hacia abajo.

Para que esto no pase, tendrás que ponerle una posición absoluta y ubicarlo dentro de una capa con ancho definido y posicionada relativamente de esta forma la posición absoluta no dependerá de la resolución de la pantalla del visitante sino del div en donde este contenida.

Perfecto, a que te refieres donde dice:: capa con ancho definido?? a una seccion div???

si un div, tambien se les llama capas

pruebo y te comentoOO!

mmmmm no me funciono...

que va el div con posicion absoluta y dentro va otro div con posicion relativa???

<div id="reflejoIzq1"> (posicion relativa)
<div id="reflejoIzq"></div> (posicion absoluta)
</div>

Solo mételo dentro del div contenedorGral, con posición absoluta y cuadras los valores de top y left partiendo de la esquina superior izquierda de este div.

quedo perfecto!!!! muchisimas gracias por tu ayuda amigooo!!!!!!!!!!

resulta que cuando cargo la pagina desde internet explorer, y hago click en el vinulo del facebook. la pagina se desplaza toda a la derecha.. por que????? no veo donde esta mal...