No funciona el selector en un plugin de jquery!

[shujidan]

Hola!, de nuevo yo con otro problema, espero que me puedan ayudar :)

Estoy desarrollando un plugin para jquery en el cual quiero modificar la propiedad css de una lista de elementos, sin embargo solo se modifica el primero de los elementos y la verdad estoy un poco perdido.

Este es el codigo:

Código jQuery:

(function($) {
    $.fn.menu = function() {
        $(this).find(':first li').css('margin-left','-200px');
    };
})(jQuery);
 

Nota: this es el div principal "menu", :first se refiere a la lista <ul id="tabs"> y li se refiere a todos sus elementos con la etiqueta<li> (ya lo intente con <a> pero el problema persiste igual)

Código HTML:

<div id="menu">
        <ul id="tabs">
            <a href=#contenido1><li>tab1</li></a>
            <a href=#contenido2><li>tab2</li></a>
        </ul>
        <ul id="contenido1">
            <li><a href="#">cont</a></li>
            <li><a href="#">cont</a></li>
            <li><a href="#">cont</a></li>
        </ul>
</div
 

Otra nota: es muy raro que funciona en Firefox pero no asi en Internet Explorer ni en Google Chrome, ademas las demas propiedades de estilo funcionan correctamente en todos los elementos de la lista