Image z-index...

[Pemdas21]

Okay, so I have validated my css and html... I need my images to be above my main content. In my images, they have the attribute class="nav", so how do I use z-index to make them above my .main in firefox? Someone is going to have to spell it out for me because I have tried and failed many a time. ( here is the website:

http://www.electronics4dummies.com/

 

[Vragabond]

I would advise against using center element as well as suggest using a list to display the navigation list. Those are just general observations.

Now, non-positioned elements will ignore the z-index and children with a high z-index that reside in an element that has a low z-index will always be covered by a sibling element of their encompassing element with a higher z-index. Phew, that was complicated. Basically, z-index only works between sibling elements. So, I would try to position both .main and center element (give them position: relative and give center a higher z-index than .main. On my system, FF already shows the links above the content and IE starts doing that as soon as I add positioning to the center element.