3 obrazki w div - dlaczego się rozwala?

[disaster]

Dziwny temat, bo nie wiem do końca jak zapytać.
Popatrzcie niżej:

obecny kod jednego z divów

Kod:

<div id="menu_gora">
            <a href="......" title="Katalog "><img src="img/katalog.png" alt="Katalog "/></a><a href="......." title="Poradnik"><img src="img/poradnik.png" alt="Poradnik"/></a><a href="........." title="Zapytanie ofertowe"><img src="img/zapytanie_ofertowe.png" alt="Zapytanie ofertowe"/></a>
        </div>

I teraz jeden kłopot. Jeśli powyższe pola menu są jedno za drugim w kodzie, czyli bez

Kod:

<br />

to wyświetlają się jedn obok drugiego i jest ok.

Ale jak chciałem dla czytelności kodu dać tak:

Kod:

<div id="menu_gora">
<a href="......" title="Katalog "><img src="img/katalog.png" alt="Katalog "/></a>
<a href=".........." title="Poradnik"><img src="img/poradnik.png" alt="Poradnik"/></a>
<a href="......." title="Zapytanie ofertowe"><img src="img/zapytanie_ofertowe.png" alt="Zapytanie ofertowe"/></a>
        </div>

To już górna menu wygląda inaczej, tzn zapytanie_ofertowe schodzi na stronie poniżej katalogu i poradnika. Gdzie robię błąd, bo ja go nie widzę.