SO equal height columns - problem with anchors

Based on accepted answer to http://stackoverflow.com/questions/9143971/using-twitter-bootstrap-2-0-how-to-make-equal-column-heights There's an issue when you try to link to a div within the page.

by mark47

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap.min.css">
<div class="container-fluid">
    <div class="row-fluid col-wrap">
        <div class="span4 col">
            <p>left column</p>
            <p>
                <A href="#gogo">Go to id in middle column</A></p>
        <p>left column </p>
      </div><!-- end span 4-->
    
      <div class="span4 col">
        <p>middle column</p>
        <div style="height: 400px">a</div>
      <p>middle column</p>    
          <div style="height: 400px">a</div>
      <p>middle column</p>    
          <div style="height: 400px">a</div>
      <p id="gogo">Desination paragraph</p>    
          <div style="height: 400px">a</div>
      <p>middle column</p>  
          <div style="height: 400px">a</div>
      <p>middle column</p>  
      </div><!--end span4-->
    
      <div class="span4 col">
        <p>right column </p>
        <p>right column </p>
        <p>right column </p>
        <p>right column </p>
        <p>right column </p>
      </div><!-- end span 4-->

    </div><!-- end row-fluid -->
  </div>

CSS

.col {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#ffc;
}
.col-wrap {
    overflow: hidden;
}