• Create an Advanced CSS Menu Using the Hover and Position Properties

  • By: Jarod Taylor | Category: HTML & CSS

  • Starting with a photoshop file and finishing with semantic HTML and CSS, we'll be creating an advanced CSS navigation menu using its :hover and position properties.

    The finished product will render properly in all major browsers including Firefox, Safari, IE7/IE8, Opera, and Google Chrome. Due to IE6 and its lack of support for the :hover property (other than on anchor elements), we'll have to implement a little javascript to gain its support. Nonetheless, let's get started!