Поля элементов списка выходят за пределы списка, как исправить?

Question

[gera7]

Внутренние поля элементов меню выходят за пределы ul, ul не учитывает их размеры и как следствие они выпадают из блока и остаются без фона. Как можно решить проблему, кроме как добавиться высоту блоку header?

jsfiddle.net/Lratnre2

Answer 1

[Алексей Уколов]

.topmenu li{
	display: inline-block;
}

вместо этого:

.topmenu li{
    float: left;
}

Вообще строить раскладку на float, не понимая, как это свойство работает и какие побочные эффекты имеет - себе дороже.

Comments

[gera7]

да, Вы правы, я не совсем понимаю почему отступы блочно-строчных элементов учитываются, а блочных нет=(