title: Hide Hyperlink Line using css
body: <p>I have this HTML Code</p>
  
  <pre><code>&lt;a href="test.html"&gt;
  &lt;div class=" menubox mcolor1"&gt;
  &lt;h3&gt;go to test page&lt;/h3&gt;
  &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>and this is the css </p>
  
  <pre><code>.menubox {
      height: 150px;
      width: 100%;
      font-size: 14px;
      color: #777;
      margin: 0 0 0 0;
      padding: 0; 
      -moz-border-radius: 10px;
      border-radius: 10px; 
      position: relative;}
  
  .mcolor1 { background: #3A89BF url(../images/prod2.png) no-repeat center center; }
  </code></pre>
  
  <p>on mouse hover this div, the text shows the hyperlink line, how can I hide it?</p>