Html code <div id="navcontainer"> <ul id="navlist"> <li><span>List</span><ul> <li><a href="#">Item1</a></li> <li><a href="#">Item2</a></li> <li><a href="#">Item3</a></li> <li><a href="#">Item4</a></li> </ul></li></ul> Code (markup): CSS code #navcontainer { clear:both; overflow-x:hidden; } #navlist { float:left; line-height:30px; padding:0; margin:0; list-style-type:none; color:#ffffff; font-size:0.65em; letter-spacing:0.2em; line-height:1.1em; text-align:left; text-transform:uppercase; } #navlist:first-child { position:relative; cursor:pointer; } #navlist span { position:absolute; z-index:1; width:100px; line-height:40px; padding-left:10px; background-image:url(background.png); color:#ffffff; } #navlist ul { padding:0; margin:0 0 0 -1300px; list-style-type:none; -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; } #navlist ul li { float:left; margin:0 3px; } #navlist:first-child:hover ul{ margin:0 0 0 120px; color:#ffffff; } #navlist a { display:block; line-height:40px; padding:0 8px; color:#ffffff; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; } #navlist a:hover { color:#000000; } Code (markup): Is it possible to record/track when people hover over the text "List" or is this out of the question? Thanks!