title: Href not working in Chrome, does work in IE
body: <p>I have this website which I'm attempting to work on. I've obtained a template, which I'm editing the HTML to customize. There exists a section on the page that has three icons with a "More" button beneath them. I've set the button to link to another webpage, but it only works on IE -- not Chrome. Further, the icons themselves are supposed to change as you hover, which again they do in IE but not in chrome. </p>
  
  <p>I have this code:</p>
  
  <pre><code>.intro3 {
    text-align: center;
    color: $(intro3.color);
  }
  
  .intro3 .row {
    width: 90%;
    margin: 0 auto;
    padding: 120px 0 120px 50px;
  }
  
  .images_author {
    font-size: 6em;
  }
  
  .images_author span {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 160px;
    line-height: 160px;
    color: $(intro3.circle.right);
    border-width: 40px;
    border-style: solid;
    border-radius: 100%;
    border-top-color: $(intro3.circle.left);
    border-right-color: $(intro3.circle.right);
    border-bottom-color: $(intro3.circle.right);
    border-left-color: $(intro3.circle.left);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .authsx:hover .images_author span {
    color: $(background.color.all);
    border-style: double;
    border-top-color: $(intro3.circle.left);
    border-right-color: $(intro3.circle.left);
    border-bottom-color: $(intro3.circle.right);
    border-left-color: $(intro3.circle.right);
  }
  
  .intro3 .fourcol div.padd_25 {
    padding: 25px;
  }
  
  .intro3 .fourcol div strong {
    font: normal normal 22px  PT Serif,serif;
    line-height: 1.8em;
  }
  
  .intro3 .fourcol p a.more_aut {
    font-size: 12px;
    margin: 10px 0 10px 0;
    display: inline-block;
    padding: 10px 30px;
    background: transparent;
    color: $(intro3.color);
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid $(intro3.color);
    border-radius: 6px;
    opacity: 0.6;
  }
  </code></pre>
  
  <p>Which sets up for the (where the action is executed):</p>
  
  <pre><code>  &lt;div class='intro3'&gt;
  &lt;div class='row'&gt;
    &lt;h2 class='title_s authors'&gt; Explore &lt;/h2&gt;
      &lt;div class='fourcol authsx'&gt;      
        &lt;div class='images_author coll_1'&gt;
         &lt;span class='icon fa fa-linkedin'/&gt;
        &lt;/div&gt;
        &lt;div class='padd_25'&gt;
          &lt;strong&gt;LinkedIn Profile&lt;/strong&gt;
        &lt;p&gt;Connect via LinkedIn. See my skills, experience, and qualifications.&lt;/p&gt;
          &lt;p&gt;&lt;a class='more_aut' href='http://www.linkedin.com/in/amandabayless'&gt;&lt;span&gt;More&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
       &lt;/div&gt;
  
      &lt;div class='fourcol authsx'&gt;
       &lt;div class='images_author coll_2'&gt;
         &lt;span class='icon fa fa-user'/&gt;
        &lt;/div&gt;
        &lt;div class='padd_25'&gt;
          &lt;strong&gt;About Me&lt;/strong&gt;
        &lt;p&gt;Learn more about me. &lt;/p&gt;
          &lt;p&gt;&lt;a class='more_aut'&gt;More&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class='fourcol last authsx'&gt;
       &lt;div class='images_author coll_3'&gt;
                   &lt;span class='icon fa fa-paperclip'/&gt;
        &lt;/div&gt;
        &lt;div class='padd_25'&gt;
          &lt;strong&gt;Samples of Work&lt;/strong&gt;
        &lt;p&gt;See a small sample of my work. &lt;/p&gt;
          &lt;p&gt;&lt;a class='more_aut'&gt;More&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I only have very rudimentary skills here, and much internet sleuthing could not show me why there was a difference in the browser. For reference, <a href="http://www.amandabayless.com/" rel="nofollow">This is the website.</a> Could anyone offer advice? I don't know where to go from here.</p>