Css trick for jquery menu?

jquerydown.html

    <script src="js/jquery-1.3.1.min.js"></script>   
    <script src="js/Jquerydown.js"></script>

        <ul class="down">
            <li><a href="#">Cars</a>
                <ul class="sub_menu">
                     <li><a href="#"BMW</a></li>
                     <li><a href="#">Jaguar</a></li>
                     <li><a href="#">Nissan</a></li>
                     <li><a href="#">Mazda</a></li>
                   
                </ul>

            </li>                      
           
        </ul>
       
    </div>

Jquerydown.js

$(function(){

    $("ul.down li").hover(function(){
   
        $(this).addClass("hover");
        $('ul:first',this).css('visibility', 'visible');
   
    }, function(){
   
        $(this).removeClass("hover");
        $('ul:first',this).css('visibility', 'hidden');
   
    });
   
    $("ul.down li ul li:has(ul)").find("a:first").append(" &raquo; ");

});