title: Span - 100% width of Parent
body: <p>I have the following structure within a bootstrap document - </p>
  
  <pre><code> &lt;div class="col-lg-6 col-sm-6&gt;
    &lt;ul class="stdULGrey st_tabs_ul"&gt;
         &lt;li class="st_li_first st_li_active"&gt;
             &lt;a href="#view_1" class="st_tab st_tab_first st_tab_active"&gt;
                  &lt;span class="icoMore icoA"&gt;&lt;/span&gt;
                  &lt;span class="tabText"&gt;WANT TO KNOW MORE?&lt;/span&gt;&lt;/a&gt;
         &lt;/li&gt;
         &lt;li&gt;
             &lt;a href="#view_2" class="st_tab"&gt;
                  &lt;span class="icoWhereTo icoA"&gt;&lt;/span&gt;
                  &lt;span class="tabText"&gt;WHERE TO FIND US?&lt;/span&gt;
             &lt;/a&gt;
         &lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>The span element - icoMore contains a background image - which I'd like to respond to the full width of thebootstrap parent - I have tried the following code - </p>
  
  <pre><code>    .icoMore{background:url(../img/logos%20and%20icons/Wanttoknow_Icon_Off.png) no-repeat; min-width:100%; min-height:auto; display:block; }
  </code></pre>
  
  <p>But it displays at zero width and height - can anyone advise a solution?</p>