CSS-граница не работает полностью

Question

У меня есть сайт с ящиками (используется в виде таблицы), которые получают CSS для границ. В Chrome выход - это то, что я хотел. Но в IE это полностью разрушено (связанные изображения на тинипике). На Firefox у меня есть о той же самой проблеме. Вот мой CSS:

table#homeblockscontainer td 
{ 
    border: 6px solid #EEEEEE; 
    margin: 0; 
    padding: 0; 
} 

Так у меня есть таблица с этим идентификатором и строк таблицы и данные таблицы в соответствии с этим.

Мой разыскиваемый результат: Result on Chrome

Что я получаю в Firefox: Result on Firefox

Если кто-нибудь знает, почему это происходит, плз помочь. Спасибо заранее!

Answer 1

Вы используете normalize.css? Если вы этого не сделаете это CSS стили могут помочь вам

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 

и так как вы разрабатываете сетки, как макет, я не знаю, у вас уже есть сейчас или нет, но добавление box-sizing облегчит вашу жизнь.

* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

Надеюсь, что это решит вашу проблему.