Firefox игнорируя отступы

Question

У меня есть этот код CSS:

   #tweet-container{
width: 290px; 
height: 272px; 
border: 1px solid #CCC; 
color: #CCC; 
font-size: 28px; 
text-align: center;
letter-spacing: -2px; 
min-height: 10px; 
display: table-cell; 
vertical-align: middle; 
padding: 15px;
}

Но Firefox, похоже, не распознает верхний и нижний отступы. Safari и Chrome показывают это нормально, и даже в Firebug, когда я добавляю padding-top: он не работает. Это как не правильное утверждение или что-то. Я что-то упускаю?

Answer 1

Хм, это немного интересно. Вы установили ширину 272 пикселя, но на самом деле она отображается как 270 пикселей. Вы установили высоту 290px, при суммировании 30px, реальная отображаемая высота должна быть 320px, но на самом деле это 318px.

Немного поиграл и вытащил дисплей: таблица-ячейка; кажется, решить проблему. Несмотря на то, что отступы не одинаковы для некоторых целей, все это отображается внизу. Поместив текст в тег p и указав, что верхнее поле в 15px сделало эту работу, я думаю.

Answer 2

Вы пытались добавить padding:15px!important;?