rollover images in horizontal menu issue

[sepunx2]

Hi!
I need some help.
I'd like to have a horizontal menu with rollover effect on my site. I saw a method on the net and it seems to work, but as if I'd like to use custom fonts, I want to have rollovers containing different images (the text is a part of the image) next to each other.
I gave different class names to the different buttons (images) and I'll use different backgrounds for every button.
Somehow when I put the buttons next to each other, they start to move down too.
I know this is a bit confusing, but you can take a look at it here:

http://villaviolahu.web-server.hu/

Thank you for your help!
Adam

[coothead]

Hi there Adam,

and a warm welcome to these forums.

Instead of...

<ul id="navbar">
 <li><a href="#"></a></li>
</ul>	
<ul id="navbar2">
 <li><a href="#"></a></li>
</ul>	

...try...

<ul id="navbar">
 <li><a href="#"></a></li>
 <li><a href="#"></a></li>
</ul>	

coothead