In the demo code given there is no CSS. If the ‘a’ element does not have ‘position: relative’ it cannot move.
Also when you mouse over the element you then end up targeting ALL ‘a’ elements. For mouseout you may want to chain events.
This code *might* work (providing that ‘a’ elements are relatively positioned):
$(document).ready(function(){
$("#nav ul li a").mouseover(function(){
$(this).animate({left:10},"fast")
}).mouseleave(function(){
$(this).animate({left:0},"fast")
});
});
You may be able to achieve this better in CSS alone too. Just a thought!