IE7 CSS doldurma sorunu -

Question

Ne kadar rahatsız edici bir IE7 CSS sorunu olduğunu anlamaya çalışıyorum. Aşağıdaki sayfadaki bazı garip nedenlerden dolayı, doldurma normalden çok daha büyük görünmektedir. Uyguladığım hiçbir mülk sorunu düzeltiyor gibi görünüyor ve neden olduğunu anlayamıyorum.

Örnek: Burada

http://www.matthewruddy.com/demo/?page_id=1088 CSS uygulandığı:

 
.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; 
} 

Burada tüm CSS görebilirsiniz: http://pastebin.com/Grsxh97H

Sen düğmeleri Buradan sorunu (ana suçlu) görebilirsiniz

Ve web sayfasının kaynak: herkese http://pastebin.com/rW33Nh0D

teşekkür iss biraz ışık tutabilir Matthew.

Answer 1

Buna daha önce rastladım.

Düğmelerinize overflow: visible'u uygulamanız yalnızca düzeltecektir.

Bir başvuru bağlantısı bulmaya çalışacağım.

Bkz:

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