Doing it with style
The above illustration © Maa-illustrations | Dreamstime.com
The first in a series of dropdown menus that use png shadows to give a 3D effect to the top level hovers and sub menus.
This one is a very basic concept that uses fixed width top level links and fixed size sub levels. This has made it easier to cope with IE6 and its lack of support for png transparency.
In this example IE6 has its own special style for the background images which enables it to correctly display the alpha image transparency.
Tested in IE6, IE7, IE8, Firefox, Opera and Safari (PC)
Future menus in this series will overcome the fixed sizing problem.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
This demonstration can be used subject to the following terms and conditions.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.