Пробел между divs на IE и Firefox

Question

Я знаю, что это распространенная проблема, но для тех, для решения которых я нашел, похоже, не работает.

На этом веб-сайте есть пробел между заголовком и содержимым div в IE/Firefox, но в Chrome это нормально. Может ли кто-нибудь предположить, что может быть причиной этого?

http://www.britainsbiggestcurryparty.org/

Это не проблема обивка, и это, кажется, не быть проблемой размера шрифта. Я попытался удалить все поля по всему миру, и это тоже не работает. заставляя меня немного орехи!

Любые предложения будут с благодарностью приняты

Answer 1

Это 16px по умолчанию верхнего/нижнего края на <ul> и <ol> элементов, которые вызывают расхождение, все, что вам нужно сделать, это удалить поля:

nav ul { 
list-style: none; 
margin: 0; 
} 

Вы также должны посмотреть на использование CSS reset, чтобы избежать стилей по умолчанию браузеров

Answer 2

Вы можете установить margin: 0; он решит вашу проблему