<html>
<head>
</head>
<body>
  <div id="najmamenu">
    <ul>
      <li>Najmacode.com</li>
      <li>Najmacode.com</li>
      <li>Najmacode.com</li>
      <li>Najmacode.com</li>
    </ul>
  
  </div>
  
</body>

</html>
body{
  
  height:2000px;
  background:url('http://www.allwallpaper.in/wallpapers/1280x720/15076/bicycles-bokeh-blurred-background-1280x720-wallpaper.jpg');
}
#najmamenu{
  
  background:green;
  height:60px;
  width:800px;
  border-radius:5px;
    background: #F8AC2C;
  
    position: fixed;
  
}

#najmamenu ul{    margin: 0;
    list-style: none;
    float: left;
    padding: 0;
   }
#najmamenu ul li{    
  float: left;
    list-style: none;
  padding:21px;
   }
#najmamenu ul li:hover{    
  float: left;
    list-style: none;
  padding:21px;
  background:#DB9724;
   }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.