In-line Navigation images rollover capable

Hello everyone!

I'm diving head first into XHTML/CSS development. Up until this point I've been designing using only tables, background graphics, and PHP. I have seen the light so I'm now working with XHTML and am proud to say that what I've done so far is XHTML Strict valid!

I took a look at phpbb.com's website and saw I really liked the layout and figured, what better practice than to create something like that, so I did! Unfortunatly I'm having trouble duplicating their method for the navbar.

If anyone could point me in the direction of how to get the images all in the nav bar's div layer I'd be very thankful. Keep in mind it will need to be rollover/active/rollout classes capable.

My website is http://xt-arts.com

Thanks so much for your help!!

Their navbar is mostly configured using images but the gist of it is done using a list with an image replacement technique. Check out the horizontal lists here
http://css.maxdesign.com.au/listamatic/
and check out the menus here
http://cssplay.co.uk

Thanks for the resources, I didn't even really know what to google.

I'll read over these and report back how it goes.

Alright this is almost exactly what I need:

http://css.maxdesign.com.au/listamatic/horizontal03.htm#

Unfortunatly it doesn't offer much in the means of explanation. I'd prefer to learn rather than copy&paste.

That site has step-by-step explanations.. go through the tutorials to gain understanding of how these sweet little UL menus work (I used the same website a while back and love my menus).

http://css.maxdesign.com.au/listutorial/horizontal_master.htm