Usuń wbudowane css elementów HTML

Używam wordpress 3.5 i tworzę menu z podmenu. Ma taką strukturę:

<ul class="menu">
    <li id="menu1">Menu 1</li>
    <li id="menu2">Menu 2</li>
    <li id="menu3" style="z-index:100;">
        Menu 3
        <ul class="submenu">
            <li id="submenu1">submenu1</li>
            <li id="submenu2">submenu2</li>
            <li id="submenu3">submenu3</li>
        </ul>
    </li>
</ul>

Problemem jest menu z podmenu, automatycznie dołączany jest indeks Z o wartości 100. Nie chcę, żeby tak było, ponieważ sprawia mi kłopot z dodawaniem efektu lavalamp do tych menu.

Próbowałem edytować indeks Z, używając jquery zaraz po utworzeniu menu za pomocą wp_nav_menus po prostu tak:

jQuery(document).ready(function(){
     jQuery("#menu3").css("z-index", "0");
});

Ale niestety to nie działa. Jak mogę usunąć ten wbudowany styl css?

questionAnswers(4)

yourAnswerToTheQuestion