cant remove text decoration : yea i know this has been asked and answered but i cant get this working no matter what. i need to remove the text decoration on a link that i have applied to a div. the code looks like this.

    <!DOCTYPE html>
    <html>
    <header>
    	<link rel="stylesheet" type="text/css" href="link_decor_none.css">
    </header>
    <body>
    	<div id="about-con">
    	  <a href="http://ptunitedbrochure.bkm-tech.com/about.php">
    	    <div class="inline-nav" id="about">
    	      <div style="margin-top: 2px; text-align: center">
    	        About Us
    	      </div>
    	    </div>
    	  </a>
    	</div>
    </body>
    </html>

and css is this 

    #about-con a {
      text-decoration: none !important;
    }
    
    div #about-con a:link {
    	text-decoration: none;
    }
    
    #about {
      position: relative;
      width: 100px;
      height: 1.5em;
    	font-size: 1.125em;
    	border-top-left-radius: 25px;
    	border-bottom-left-radius: 25px;
    	border: 1.5px;
    	border-style: solid;
    	border-color: black;
    }

please and thanks. this has been to much of a headache

