title: Drop down links are off to the left?
body: <p>can any one see why the drop down links are off to the left?
  <a href="http://altadorcup.sketchedneo.com/testing/" rel="nofollow">http://altadorcup.sketchedneo.com/testing/</a></p>
  
  <p>If you hover on game guides, notice the drop down link box is left instead of middle.</p>
  
  <p>I am unsure which bit of the css is needed so im posting all the drop down menu css</p>
  
  <p>So I want, text aligned left but box's aligned middle if anyone can see the issue?</p>
  
  <pre><code>#navigation ul {
      padding:10px 1px 1px 1px;
      margin: 0;
      list-style: none;
      float:middle; text-align:left;
  }
  #pad{padding:0px 0px 0px 45px;}
  #navigation li {
      float: left;
      position: relative;
  
  
  }
  
  #navigation a{
       display:block;
      color:#fff;
      text-decoration:none;
      padding:0px 10px;
  
  }
  
  
  #navigation ul ul{
      position:absolute;
      left:-999em;
      height:auto;
       z-index:497;
      width:129px;
      font-weight:normal;
      margin:0;
      line-height:1;
      border:0;
   background:#8c8c8c;
      padding: 2px;  border:1px solid #ffffff;   border-top:1px solid #ffffff;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
      -webkit-transition: opacity .5s ease-in-out;
      -moz-transition: opacity .5s ease-in-out;
      -o-transition: opacity .5s ease-in-out;
  
  }
  #navigation ul ul ul {
      position:absolute;
      left:-999em;
      height:auto;
      width:129px;
      font-weight:normal;
      margin:0;
  
      line-height:1;
      border:0;
   background:#8c8c8c;
      padding: 2px;  border:1px solid #ffffff;   border-top:1px solid #ffffff;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
      -webkit-transition: opacity .5s ease-in-out;
      -moz-transition: opacity .5s ease-in-out;
      -o-transition: opacity .5s ease-in-out;
       z-index:497;
  
  }
  #navigation li li {
      width:99px;
  
      font-weight:bold;
      font-family:helvetica,sans-serif;
      }
  #navigation li li a {
      padding:4px 10px;
      width:100px;
      font-size:12px;
      color:#fff;
      }
  #navigation li ul ul {
      margin:0px 0 0 0px;
      }
  #navigation ul li:hover&gt;ul{ opacity: 1; position:absolute; top:99%; left:0; }
  #navigation ul ul li:hover&gt;ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#8C8C8C; }
  
      #navigation a:link,#navigation a:visited, #navigation a:active {
      color: #fff;
      font-weight: normal;
      text-align: left;
      text-decoration: none;
  }
  
  #navigation a:hover {
      color: #000;
      font-weight: normal;
      text-align:  left;
      text-decoration: none;
  
  }
  </code></pre>