Как правельно верстать шаблон с скруглениями ?

[SpecTR]

Возник вот какой вопрос.
Есть 2 варианта создать скругление хедера:

• Скруглить одним блоком с фоновым рисунком размерами 15х930
• Скруглить 3 разными блоками с 3 разными рисунками 2 с размерами 15х15 и один 1х15

Все делается через CSS.
Так вот вопрос что более эффективно использовать по скорости отображения и оптимальности для сайта?
 

[SpecTR]

нашел еще один способ но он жесткий 
скруглить блоками 1x1 с фоном (но мне радиус нужен 15пх)
Хорош тем что не использует картинки, но плох тем что использует очень большое количество пустых блоков.

[effrit]

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

[SpecTR]

Как считаете такой вариант скругления не очень большой по коду и какие минусы и плюсы у него? 
может нужно использовать меньше div тегов ?

Код:

<div id="container">
<div class="rounding_t">
<div class="rounding_b">
<div class="rounding_l">
<div class="rounding_r">
<div class="rounding_bl">
<div class="rounding_br">
<div class="rounding_tl">
<div class="rounding_tr">

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

[effrit]

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