Buenas,
en mi web hay una parte en el inicio del main que indica en que parte de la misma estamos, ésta parte tiene un border-top, como podemos apreciar en la siguiente imagen, ésta barra está hecha para que ocupe todo el main:
![](http://i.imgur.com/kZtjBmb.png)
El problema viene cuando hacemos la web a un tamaño menos grande, el border-top se desequilibra, y se pasa mas del main, como podemos ver en la siguiente imagen:
![](http://i.imgur.com/Qu17sc9.png)
¿Cómo puedo solucionar esto? ¿Hay otra manera de hacer esto sin éste incoveniente?
Aquí tenéis el código de la web:
http://jsfiddle.net/Player_AAA/huva5xtc/
Saludos.