Как правильно поставить фон или как убрать margin потомков?

Question

[Arman]

Добрый день. С клиентской частью тяжко у меня, пытаюсь сделать разный фон для блоков, фон правильно ставится, но если потомки имеют отступ (margin), то появляется белые полосы:
Пример: jsfiddle.net/kgtcopnf
Как сделать чтоб между цветами не было полос. Можно убрать у H1 margin, но для всех потомков убирать это какой-то костыль. Может неправильно фон ставлю?

Заранее спасибо.

upd:
Нашел:

#block-1, #block-2, #block-3{
overflow: auto;
}

jsfiddle.net/zggrank4

Насколько правильно и кроссбраузерно?

Answer 1

[Alexander]

Я бы так сделал...

div h1 {
    margin: 0 0 0 0;
}

Comments

[Arman]

По-умолчанию margin'ы у многих тэгов, у всех убрать? Тем более тут нужен первый и последний и только прямые потомки. Пока overflow: auto; у родителей лучший вариант. По-моему.

Answer 2

[Тимофей Белоусов]

На мой взгяд, самый лучший и правильный вариант это

*{
    margin: 0;
    padding: 0;
}

Ну или так, вариантов валом и все они по сути своей верны.