Como conseguir este efecto...

[lapollarecord]

Iniciado por Bonez

Lo está causando el elemento #bott. Concretamente los bordes laterales, porque tienes puesto que mida 100% de ancho y ahí se le añaden cuatro pixeles —dos por cada lado— al ancho; 100% + 4px.

Una opción es quitar los bordes laterales, algo así:

Código CSS:

#bott {
  border: 2px solid #CC6600;
  border-right: none;
  border-left: none;
}
 

Otra opción es cambiar el modelo de caja para ese elemento y que los bordes formen parte del total del ancho:

Código CSS:

#bott {
  box-sizing: border-box;
}
 

Efectivamente con la 1º opcion desaparece, la 2ª opcion no me funciono pero bueno, me quedo con la 1º y todo arreglado, muchas gracias Bonez, da gusto encontrar gente como tu.

Saludos!