title: HTML textbox not working
body: <p>This is some simple problem, but I am not able to resolve it. I am unable to click on the textbox and get it working.<br>Please refer to my fiddle here: <a href="http://jsfiddle.net/5JeaQ/" rel="nofollow">http://jsfiddle.net/5JeaQ/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="form"&gt;
          &lt;form id="lookup" method="post"&gt;
              &lt;fieldset&gt;
                  &lt;legend&gt;Phone Directory&lt;/legend&gt;
                  &lt;input type="text" id="name" placeholder="Enter name.." autocomplete="off"/&gt;
                  &lt;span id="buttons"&gt;
                      &lt;input type="submit" id="submit" value="Submit"/&gt;
                      &lt;input type="button" id="list_all" value="List All"/&gt;
                  &lt;/span&gt;
              &lt;/fieldset&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;div id="results"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#container{
      width: 30%;             
      margin: 0 auto;
      /*text-align: center;*/
  }           
  #name{
      display: block;
      /*margin: 0 auto;*/
  }
  #buttons{
      padding-top: 25px;
  }
  fieldset{
      border-radius: 10px;
  }
  td{
      text-align: center;
  }
  </code></pre>