Google'ın yeni siyah navigasyon menüsü - CSS

    /*Sıfırlama kodlarım*/
     
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td                      {background: transparent;border: 0;margin: 0; padding: 0; vertical-align: baseline;list-style:none}body                    {line-height: 1;}h1, h2, h3, h4, h5, h6    {clear: both;font-weight: normal;}ol, ul                    {list-style: none;}blockquote              {quotes: none;}blockquote:before, blockquote:after {content: '';content: none;}del                  {text-decoration: line-through;}
     
    table                  {border-collapse: collapse; border-spacing: 0;}
     
    body                    {font-family:Arial, Helvetica, sans-serif;}
     
    ul.googlemenu              {      background: #2d2d2d;    padding:0 5px;  font-size:13px; color:#ccc; overflow:hidden;    }
     
    ul.googlemenu li    {  float:left; padding:7px 8px;    border-top:solid 2px #2d2d2d;  }
     
    ul.googlemenu li.aktif{ border-top: solid 3px #dd4b39;  color:#fff; font-weight:bold;}
     
    ul.googlemenu li:hover  {  background:#4c4c4c; cursor:pointer;}

<ul>
 
<li>Ana Sayfa</li>
 
<li>Kod Bilen - Bir bilene sorun</li>
 
<li>kodbilen.com</li>
 
<li>Bir bilen kim?</li>
 
<li>Kim beni bilir bilen bilir</li></ul>