css background image positioning работает по-другому в firefox

Question

Я использую изображение в качестве нижней строки ячейки таблицы.

background-position: -14px bottom !important; 

Приведенный выше код отлично подходит для фонового позиционирования изображения во всем браузере, кроме Mozila.

Так я изменил код ниже:

background-position: -14px 0!important; 

Он также работает отлично во всех браузере, но в Firefox он дает 1px разрыв на bottom.

Какая разница между кодом bottom и 0px?

Пожалуйста, советую мне, как преодолеть эту проблему, чтобы скрыть пробел bottom 1px?

Answer 1

Попробуйте использовать

table { 
border-spacing:0; /* 'cellspacing' equivalent */ 
border-collapse:collapse; 
} 

table td, table th 
{ 
padding: 0; /* 'cellpadding' equivalent */ 
} 

table, th, td 
{ 
border:0; 
} 

Answer 2

Насколько я знаю, между 0px и bottom нет существенного различия, они оба говорят, что изображение сидит в нижней части div, однако я полагаю, что проблема связана с таблицей стилей пользователя пользователя Firefox ,

Попробуйте поместить сброс css перед остальной частью вашего CSS, это, как правило, устраняет большинство проблем с помощью проблем с таблицами таблиц с разными браузерами.

http://meyerweb.com/eric/tools/css/reset/