title: How to increase width of anchor tag inside li to li width
body: <p>I have structure like this</p>
  
  <pre><code>  &lt;div class='myClass'&gt;
       &lt;ul&gt;
            &lt;li&gt;
                 &lt;a href="myfile.html"&gt;My link&lt;/a&gt;
            &lt;/li&gt;
       &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>My <code>li</code> has a fixed with.<br/>
  But <code>a</code> text is not always equal to <code>li</code> width<br/>
  So the click able area is less than <code>li</code>.
  <br/>I tried to fix it by increasing the width of the <code>a</code> but it is not working.
  <br/>How can I achieve it.<br/>
  I am using the following <code>css</code></p>
  
  <pre><code>.tooltipinner ul {
     list-style-type: none;
     margin: 0;
     overflow-y: auto;
     padding: 0;
     width: 305px;
  }
  .tooltipinner ul li {
      background-color: #BBAEA5;
      background-image: url("../../Images/UIFiles/Menu/SubmenuBg.jpg");
      background-position: left top;
      background-repeat: repeat-x;
      border-top: 1px solid #C1BFBD;
      color: #FFFFFF;
      cursor: pointer;
      float: left;
      font-size: 12px;
      padding-bottom: 4px;
      padding-left: 5px;
      padding-top: 4px;
      width: 199px;
  }
  .tooltipinner ul li:hover {
      background-color: #BBAEA5;
      background-image: url("../../Images/UIFiles/Menu/SubmenuBgHover.jpg");
      background-position: left bottom;
      background-repeat: repeat-x;
      border-top: 1px solid #C1BFBD;
      cursor: pointer;
      float: left;
      padding-left: 5px;
  }
  .tooltipinner ul li a {
      color: #000000;
      font-size: 12px;
      font-weight: 400;
      text-decoration: none;
  }
  .tooltipinner ul li a:link {
      color: #000000;
      min-width: 200px;
      text-decoration: none;
  }
  </code></pre>
  
  <p>I was also trying to put a <code>div</code> inside <code>a</code> but <code>block</code> element can not be placed inside <code>a</code>.
  How can I fixed this.</p>
  
  <p>Here is a fiddle <br/>
  <a href="http://jsfiddle.net/qry45/2/" rel="noreferrer">http://jsfiddle.net/qry45/2/</a><br/>
  <a href="http://jsfiddle.net/qry45/4/" rel="noreferrer">http://jsfiddle.net/qry45/4/</a></p>