Creazione Menù a linguette o sliding doors

[troy]

Ciao a tutti, sto facendo alcune prove di creazione di un header bar con menù a linguette (sliding doors) tramite css e codice div incontrando qualche difficoltà, vorrei avere qualche indicazione su come inserire l'esempio di codice seguente in header.php e se và modificato per integrarlo nel codice esistente della pagina.


<div id="header">
  <ul>
    <li><a href="#">Home</a></li>
    <li id="current"><a href="#">News</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</div>


questo il codice css...  compatibile con lo stylesheet di OscPack 1.3 ?

#header {
    float:left;
    width:100%;
   background:#DAE0D2 url("images/grafica/bg.gif") repeat-x bottom;   
    font-size:93%;
    line-height:normal;
    }
#header ul {
    margin:0;
   padding:10px 10px 0;
    list-style:none;
    }
#header li {
    float:left;
   background:url("images/grafica/norm_right.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }   
#header a, #header strong, #header span{
    float:left;
    display:block;
   background:url("images/grafica/norm_left.gif")no-repeat right top;
    padding:5px 15px 4px 6px;
   text-decoration:none;
    font-weight:bold;
    color:#765;
    }
#header #current {
    background-image:url("images/grafica/norm_right_on.gif");
    }
#header #current a {
    background-image:url("images/grafica/norm_left_on.gif");
   padding-bottom:5px;
    }   
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

Grazie.

Stefano