title: 'Text-decoration: none' not working in Bootstrap
body: <p>On hover, my text links have underlines. This is the default in Bootstrap.</p>
  
  <p>I want to keep this, unless the link is within a certain div.</p>
  
  <p>The code I have tried (and several variations) doesn't work.</p>
  
  <p>The HTML:</p>
  
  <pre><code>        &lt;div class="wall-entry span5"&gt;
              &lt;a href=""&gt;
              &lt;img src="http://www.placehold.it/290x163" /&gt;
              &lt;div class="wall-address"&gt;
                  &lt;p&gt;Burgundy Street&lt;/p&gt;
                  &lt;p&gt;New Orleans, LA&lt;/p&gt;
                  &lt;p&gt;USA&lt;/p&gt;
              &lt;/div&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>.wall-entry     {
                  background-color: @black;
                  position: relative;
  
              img {
                  opacity:0.4;
                  filter:alpha(opacity=40); /* For IE8 and earlier */
                  }
  
              div {
                  position: absolute;
                  left: 10px;
                  bottom: 10px;
                  p   {
                      line-height: 18px;
                      margin: 0;
                      font-family: Neuzit Heavy;
                      font-size: 18px;
                      color: white;
                      text-decoration: none;
                      }
                  }
              }
  
  
  div.wall-entry:hover img    {
                              opacity:1;
                              filter:alpha(opacity=100); /* For IE8 and earlier */                    
                              }
  
  a div.wall-entry {text-decoration: none;}
  </code></pre>
  
  <p>A quick note: I have tested <code>a {text-decoration: none;}</code>, this does work. However, I don't want to change everything. Just the links in this specific case.</p>