El Suckerfish menús que originalmente al ser utilizado tenia problemas con Safari y Opera, por lo que utilizó una variante basada en Suckerfish llamado Hijo de Suckerfish.

A partir de ahí se a tenido que hacer algunas modificaciones en WordPress.

<div id=”toolbar”>

<?php wp_list_pages(); ?>

</div>

3. In your header.php paste the following.

<script language=”javascript”>

sfHover = function() {

var sfEls = document.getElementById(”nav”).getElementsByTagName(”LI”);

for (var i=0; i<sfEls.length; i++) {

sfEls[i].onmouseover=function() {

this.className+=” sfhover”;

}

sfEls[i].onmouseout=function() {

this.className=this.className.replace(new RegExp(” sfhover\b”), “”);

}

}

}

if (window.attachEvent) window.attachEvent(”onload”, sfHover);

</script>

4. style.css

Lo queríamos hacer horizontal por lo tanto utilizamos lo siguiente en nuestro archivo style.css.

/*menu */

#nav {

margin-left: 295px;

list-style: none;

background: #900;

padding: 0;

border: 1px solid #fff;

border-width: 0px 0px 0px 1px;

}

#nav ul {

margin: 0;

padding: 0;

height: 1em;

}

#toolbar form {

margin: 0;

padding: 0.1em 2em 0.1em 0em;

height: 1em;

}

#toolbar input {

margin: 1px;

}

#nav a {

display: block;

color: #fff;

text-decoration: none;

padding: 0.1em 2em;

}

#nav li {

float: left;

padding: 0;

background: #900;

border: 1px solid #fff;

border-width: 1px 0;

}

#nav li ul {

position: absolute;

left: -999em;

height: auto;

width: 14.4em;

w\idth: 12.9em;

font-weight: normal;

border: 1px solid #fff;

margin: 0;

list-style: none;

}

#nav li li {

padding-right: 1em;

width: 13.4em;

border: 0px;

}

#nav li ul a {

width: 12em;

w\idth: 9em;

}

#nav li ul ul {

margin: -1.75em 0 0 14em;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

#nav li:hover, #nav li.sfhover {

background: #F20000;

}

/* end menu */

5. Usted debería estar preparado para seguir. Buena suerte!

6. Editar wp-includes/template-functions-post.php
en torno a la línea 326 comentar o sustituir.

$output .= ‘<li class=”pagenav”>’ . $r[‘title_li’] . ‘<ul>’;
with
$output .=
‘<ul id=”nav”>’;

Si lo pruebas y funciona o no, hace tu comentario, Gracias