Przerzucanie się elementów do drugiego wiersza Opcje

[Madras]

Witam, muszę nieznacznie przerobić nagłówek swojego forum opartego na phpBB by Przemo.
Modyfikacja polega na tym by rozciąć szeroki obrazkowy nagłówek na dwa mniejsze. Problem w tym, że jak ładuję bloki części logo:

[HTML] pobierz, plaintext 
<div class="top1"></div><div class="top2"></div>
[HTML] pobierz, plaintext 

To efektem jest, że jedna część nagłówka jest pod drugą. Oczekiwałem efektu, że oba logo scalą się w jeden płynny obrazek.

Umieszczę jeszcze fragment pliku CSS:

[HTML] pobierz, plaintext 
.top1 { background-image: url('images/top1.png'); width: 180px; height: 180px; margin: 0 auto; }
.top2 { background-image: url('images/top2.png'); width: 820px; height: 180px; margin: 0 auto; }
[HTML] pobierz, plaintext 

Dodam jeszczę, że pierwotny obrazek logo miał 1000px szerokości, więc suma dwóch mniejszych się zgadza. Szerokość całego forum uzależniona jest od najszerszego elementu (w moim wypadku logo "top2").

Za wszelką pomoc będę bardzo wdzięczny.

Ten post edytował Madras 21.07.2011, 21:34:19