/** PRIMERO EL HTML **/

<div id=”header”>
 <?php if (is_home()) $cls = ‘class=”current_page_item”‘; else $cls = “”; ?>
 <div id=”menu1″>
  <ul>
   <li <?=$cls?>><a href=”<?php echo get_settings(’home’); ?>”>Inicio</a></li>
   <li><a href=”#sidebar”>Menu - Categorías</a></li>   
   <?php wp_list_pages(’title_li’); ?>
  </ul>
 </div>
</div>

/** Y LUEGO EL CSS **/

#menu1 ul{
 margin: 0;
 padding: 0;
}
#menu1 ul li{
 float:left;
 display: inline;
 margin: 0;
 padding: 0;
}
#menu1 ul li a{
 padding: 8px 15px;
 display: block;
 text-decoration: none;
}
#menu1 ul li a:link, #menu1 ul li a:visited{
 background: #222 url(images/menu.png) top left repeat-x;
 color: #ddd;
 border-left: 1px solid #333;
 border-top: 1px solid #333;
}
#menu1 ul li a:hover, #menu1 ul li a:active{
 background: #333 url(images/menu.png) 0 -100px repeat-x;
 color: #fff;
 text-decoration: none;
 border-left: 1px solid #444;
 border-top: 1px solid #444;
}
#menu1 ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited{
 background: #06c;
 color: #fff;
 border-left: 1px solid #09f;
 border-top: 1px solid #09f;
}