title: Make CSS menu responsive and each item certain width
body: <p>I am using this CSS Code for a HTML menu:</p>
  
  <pre><code>#CustomerMenu {
      margin-bottom:35px;
  }
  #CustomerMenu ul {
      text-align: left;
      display: inline;
      margin: 0;
      padding: 15px 4px 17px 0;
      list-style: none;
      -webkit-box-shadow: 0 0 5px rgba(243, 111, 37, 5);
      -moz-box-shadow: 0 0 5px rgba(243, 111, 37, 5);
      box-shadow: 0 0 5px rgba(243, 111, 37, 5);
  }
  #CustomerMenu ul li {
      display: inline-block;
      position:relative;
  }
  #CustomerMenu ul li a {
      font: bold 12px/18px Arial;
      margin-right: -4px;
      position: relative;
      padding: 15px 20px;
      background: #FFFFFF;
      cursor: pointer;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
  }
  #CustomerMenu ul li a:hover {
      background: #F36F25;
      color: #FFFFFF;
  }
  #CustomerMenu ul li:hover &gt; a {
      background-color: #F36F25;
      color: #FFFFFF;
  }
  #CustomerMenu ul li ul {
      padding: 0;
      position: absolute;
      z-index:999;
      top: 34px;
      left: 0;
      width: 150px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      display: none;
      opacity: 0;
      visibility: hidden;
      -webkit-transiton: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      -transition: opacity 0.2s;
  }
  #CustomerMenu ul li ul li a {
      background: #666666;
      display: block;
      color: #FFFFFF;
      width:100px;
  }
  #CustomerMenu ul li ul li a:hover {
      background: #F35F25;
  }
  #CustomerMenu ul li:hover ul {
      display: block;
      opacity: 1;
      visibility: visible;
  }
  </code></pre>
  
  <p>i want to make each <code>&lt;li&gt;</code> link a certain width whether it be a percentage or fixed</p>
  
  <p>Also, can i make the menu responsive, whats the best jway to do this?</p>
  
  <p><a href="http://jsfiddle.net/ko69pyLz/" rel="nofollow">http://jsfiddle.net/ko69pyLz/</a></p>