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