IE7 Problema de relleno de CSS: no se puede entender

Question

Intentando resolver un problema de IE7 CSS algo molesto. Por alguna extraña razón en la página siguiente, su relleno parece ser mucho más grande de lo normal. Ninguna de las propiedades que aplico parece solucionar el problema y no puedo entender por qué está sucediendo. Se puede ver el problema aquí en los botones (el principal culpable):

Ejemplo: se está aplicando http://www.matthewruddy.com/demo/?page_id=1088

Aquí el CSS:

 
.button { 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    cursor: pointer; 
    margin: 0; 
    padding: 0; 
    display: inline-block; 
    white-space: nowrap; 
} 

.button span { 
    margin: 0; 
    padding: 8px 12px; 
    display: inline-block; 
    white-space: nowrap; 
} 

se puede ver todo el CSS aquí: http://pastebin.com/Grsxh97H

Y la fuente de la página web: http://pastebin.com/rW33Nh0D

Gracias a cualquiera que pueda arrojar alguna luz sobre la ISS ue, Matthew.

Answer 1

Me he encontrado con este antes.

Simplemente aplicando overflow: visible a sus botones lo arreglará.

Intentaré encontrar un enlace de referencia.

Ver:

http://jehiah.cz/a/button-width-in-ie