Building a site (Joomla!) and need 2 elements stacked within a menu. The idea is, if you are NOT at that menu item’s page, you see a grey square to the left of the menu item’s text. However IF you are that menu item’s page, you see a red square, indicating to the user they’re on that page. So, within Joomla! I have added the grey square using the menu item’s properties, and assigning that image. The red square is pulled up through CSS.
Problem is, the red square is hiding behind the grey one, and I need it to be the opposite way.
So for example, on this page – http://developmentwebserver.com/ea/tool-design-manufacturing – you see the text is bold on the page (left column/sidebar menu, not the top!), and just to the left of the link text you can see a little bit of the red square sticking out. I left some padding in there so I could make sure the image was getting pulled, but I need it to sit on TOP of the grey image.
I tried messing with z-index, but it’s not working 🙁
Any ideas?
Thanks,
Bill
