title: Links Are Underlined When Used with ID Div (Trying to Remove Underline)
body: <p><strong>Hi</strong> there, I am trying to edit the link styling of #navbar2 to remove the underlines. The id is called Navbar2 and I have even included a text-decoration:none; styling to it but still the links remain underlined. </p>
  
  <p>Here is my website: <a href="http://thetotempole.ca" rel="nofollow">www.thetotempole.ca</a></p>
  
  <p>Here is my HTML: </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;head&gt;
  &lt;title&gt;The Totem Pole News&lt;/title&gt;
  &lt;script type="text/javascript"&gt;
  
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-45342007-1']);
    _gaq.push(['_trackPageview']);
  
    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  
  &lt;/script&gt;
  &lt;meta name="description" content=" A totem pole themed news website posting articles on music, movies, video games, mobile applications, and news."&gt;
  &lt;link href="thecss.css" rel="stylesheet" type="text/css"&gt;
  &lt;script type="text/javascript" src="https://apis.google.com/js/plusone.js"&gt;&lt;/script&gt;
  &lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');&lt;/script&gt;
  &lt;link rel="icon" type="image/ico" href="images/favicon.ico"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=8" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));&lt;/script&gt;
  &lt;div id="socialmediaplugins"&gt;
  &lt;div id="facebook"&gt;&lt;div class="fb-like" data-href="http://www.thetotempole.ca" data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="true" data-send="false"&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div id="twitter"&gt;&lt;a href="https://twitter.com/share" class="twitter-share-button"&gt;Tweet&lt;/a&gt;&lt;/div&gt;
  &lt;g:plusone&gt;&lt;/g:plusone&gt;
  &lt;/div&gt;
  &lt;div id="container"&gt;
  &lt;div id="contentbox" align="Center"&gt;
  &lt;a href="#"&gt;&lt;div id="banner" align="Center"&gt;
  &lt;/div&gt;&lt;/a&gt;
  &lt;div id="navbar"&gt;
    &lt;p&gt;&lt;a href="#"&gt;&lt;img src="images/home.png" width="65" height="54" alt="picture of a house to relate to the home page (content)" style="position: absolute; left: 19px; top: 8px;"&gt;&lt;span style="position: absolute; left: 19px; top: 70px;"&gt;Content&lt;/span&gt;&lt;/a&gt;
      &lt;a href="#"&gt;&lt;img src="images/eagleicon.gif" width="73" height="39" alt="An Eagle icon for the News section of the Totem Pole" style="position: absolute; left: 111px; top: 21px;"&gt;&lt;span style="position: absolute; left: 121px; top: 71px;"&gt;News&lt;/span&gt;&lt;/a&gt;
      &lt;a href="#"&gt;&lt;img src="images/owlicon.gif" width="81" height="61" alt="An Owl icon for the Music section of the totem pole" style="position: absolute; left: 210px; top: 11px;"&gt;&lt;span style="position: absolute; left: 226px; top: 73px;"&gt;Music&lt;/span&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;img src="images/wolficon.gif" width="88" height="54" alt="A Wolf icon for the Movies section of the totem pole" style="position: absolute; left: 320px; top: 15px;"&gt;&lt;span style="position: absolute; left: 332px; top: 72px;"&gt;Movies&lt;/span&gt;&lt;/a&gt;
      &lt;a href="#"&gt;&lt;img src="images/hareimage.gif" width="60" height="56" alt="A Hare icon for Video Game section of the Totem Pole" style="position: absolute; left: 441px; top: 13px;"&gt;&lt;span style="position: absolute; left: 428px; top: 73px;"&gt;Video Games&lt;/span&gt;&lt;/a&gt;
      &lt;a href="#"&gt;&lt;img src="images/bearicon.gif" width="91" height="57" alt="A bear icon for the Health section of The Totem Pole" style="position: absolute; left: 551px; top: 13px;"&gt;&lt;span style="position: absolute; left: 580px; top: 72px;"&gt;Health&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;!--Nav Bar 2--&gt;
  &lt;div id="navbar2"&gt;
  &lt;a href="#"&gt;About Us&lt;/a&gt; &lt;a href="#"&gt;Feedback&lt;/a&gt; &lt;a href="#"&gt;Subscribe&lt;/a&gt;
  &lt;/div&gt;
  &lt;!-- Atomz HTML for Search --&gt;
  &lt;div id="searchbar"&gt;
  &lt;form method="get" action="http://search.atomz.com/search/"&gt;
    &lt;input id="searchbox" size="13" name="sp_q" value="Search..." onFocus="if (this.value == 'Search...') {this.value=''}"&gt;
    &lt;input class="css_btn_class" type="submit" value="Search"&gt;
    &lt;input type="hidden" name="sp_a" value="sp1005092e"&gt;
    &lt;input type="hidden" name="sp_p" value="all"&gt;
  &lt;input type="hidden" name="sp_f" value="UTF-8"&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;img src="images/eagle.png" id="eagle" width="1144" height="325" alt="News content box"&gt;
  &lt;img src="images/musicbox.png" id="owl" width="1134" height="325" alt="Music content box"&gt;
  &lt;img src="images/wolf.png" id="wolf" width="1184" height="325" alt="Movies content box"&gt;
  &lt;img src="images/hare.png" id="hare" width="1115" height="325" alt="Video game content box"&gt;
  &lt;img src="images/bear.png" id="bear" width="1172" height="325" alt="Health content box"&gt;
  &lt;div id="footer"&gt;&lt;a href="#"&gt;Sitemap&lt;/a&gt; &lt;a href="#"&gt;About Us&lt;/a&gt; &lt;a href="#"&gt;Feedback&lt;/a&gt;&lt;/div&gt;
  &lt;!-- This is the end of the contentbox --&gt;&lt;/div&gt;
  &lt;!-- This is the end of the container div --&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is my CSS:</p>
  
  <pre><code>html { 
    background: url(images/pine.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pine.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pine.jpg', sizingMethod='scale')";
  }
  body { 
      margin-bottom:0px;
      font-family: Verdana, Geneva, sans-serif;
  }
  
  a {
      outline : none;
      border: none;
  }
  
  a:hover {
      color: #0FC;
  }
  
  #container {
      width: 1000px;
      height:1875px;
      position:relative;
      margin-right: auto;
      margin-left: auto;
      z-index:1;
      margin-bottom: 50px;
  }
  
  #facebook {
      position:fixed;
      right:100px;
      z-index:15;
  }
  
  #twitter {
      position:fixed;
      z-index:16;
      right:120px;
  }
  #google {
      position:fixed;
      top:7px;
      right: 135px;
  }
  
  #socialmediaplugins {
      text-align: right;
      position: fixed;
  background: rgb(125,126,125); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
      margin: 0px;
      top: 0px;
      left: 0px;
      right: 0px;
      z-index:14;
  }
  
  #searchbox {
      background-color:#01bff6;
      border-radius:4px;
  }
  
  #searchbox:hover {
      background-color:#76b618;
      border-radius:4px;
  }
  
  #searchbox:active {
      background-color:#01bff6;
      border-radius:4px;
  }
  
  #contentbox {
      background-color:black;
      background-image:url(images/wooden.jpg);
      width: 1000px;
      margin-bottom:50px;
      height: 1875px;
   box-shadow:2px 2px 10px 10px #060606;
   -webkit-box-shadow:2px 2px 10px 10px #060606;
   -moz-box-shadow:2px 2px 10px 10px #060606;
  
    /* For IE&lt;9 */  
    filter:
    progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=0,strength=5),
    progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=45,strength=2),
    progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=90,strength=5),
    progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=135,strength=5),
    progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=180,strength=10),
    progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=225,strength=5),
    progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=270,strength=5),
    progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=315,strength=2);
  
  }
  
  #banner {
      background-image:url(images/totempolebanner.gif);
      position:absolute;
      top:25px;
      width:768px;
      height:120px;
      left:116px;
  }
  
  #navbar {
      float: left;
      position: absolute;
      top: 146px;
      left: 76px;
      width: 844px;
      height: 158px;
  
  }
  a#navbar2 {
      text-decoration:none;
  }
  #navbar2 {
      position: absolute;
      top: 148px;
      left: 664px;
      width: 273px;
      height: 24px;
      font-size: 11px;
  }
  
  #searchbar {
      position: absolute;
      top: 23px;
      left: 885px;
      width: 118px;
      height: 69px;
  }
  
  .css_btn_class {
      font-size:9px;
      position: relative;
      top:0px;
      right:4px;
      width:90px;
      height:25px;
      font-family:Verdana;
      font-weight:normal;
      -moz-border-radius:7px;
      -webkit-border-radius:7px;
      border-radius:7px;
      border:1px solid #35d914;
      padding:7px 24px;
      text-decoration:none;
      background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9d00), color-stop(100%, #ffe711) );
      background:-moz-linear-gradient( center top, #ff9d00 5%, #ffe711 100% );
      background:-ms-linear-gradient( top, #ff9d00 5%, #ffe711 100% );
      background-color:#ff9d00;
      color:#ff0000;
      display:inline-block;
      text-shadow:0px 0px 1px #117cff;
      -webkit-box-shadow: 0px 0px 0px 0px #117cff;
      -moz-box-shadow: 0px 0px 0px 0px #117cff;
      box-shadow: 0px 0px 0px 0px #117cff;
      background-image: url(images/unnamed.gif);
      background-repeat:no-repeat;
      background-position:right; 
  }.css_btn_class:hover {
      width:90px;
      background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffe711), color-stop(100%, #ff9d00) );
      background:-moz-linear-gradient( center top, #ffe711 5%, #ff9d00 100% );
      background:-ms-linear-gradient( top, #ffe711 5%, #ff9d00 100% );
      background-color:#ffe711;
      background-image: url(images/unnamed.gif);
      background-repeat:no-repeat;
      background-position:right; 
  }.css_btn_class:active {
      position:relative;
      width:90px;
      top:1px;
      background-image: url(images/unnamed.gif);
      background-repeat:no-repeat;
      background-position:right; 
  }
  /* This css button was generated by css-button-generator.com */
  
  img {border:none;}
  #eagle {
      position:relative;
      right: 144px;
      top:250px;
  }
  #owl {
      top:575px;
      position:absolute;
      left:0px;
          }
  
  #wolf { 
      top:900px;
      position:absolute;
      right:0px;
          }
  #hare {
      top:1225px;
      position:absolute;
      left:0px;
          }
  #bear {
      top:1550px;
      position:absolute;
      right:0px;
          }
  #footer {
      position: absolute;
      left: -12px;
      top: 1882px;
      width: 251px;
  }
  </code></pre>
  
  <p>Thank you!!</p>