Anchors don't work in Internet Explorer 10

Thanks for taking the time.

I implemented css bootstrap and got a nice fixed menu on top of my one page scrolling website. Just to make sure users instinctively see the navigation, I copied the menu below the header as well. Works well on every browser I have but IE 10.

Here's the code:

<div class="text-center"> 
    <button type="button" class="btn btn-default btn-info">
        <a href="#news" style="color:white">123123</a>
    </button>   
    <button type="button" class="btn btn-default btn-warning">
        <a href="#articles" style="color:white">13132123</a>
    </button>  
    <button type="button" class="btn btn-default btn-danger">
        <a href="#video" style="color:white">12313123</a>
    </button>      
    <button type="button" class="btn btn-default btn-success">
        <a href="#zaprimer" style="color:white">ЗА 132123123</a>
    </button>    
    <button type="button" class="btn btn-default btn-info">
        <a href="#create" style="color:white">12312313</a>
    </button>      
    <button type="button" class="btn btn-default btn-warning">
        <a href="#donate" style="color:white">123123123</a>
    </button> 
</div>

The div's are named like this:

<div class="news-holder cf" id="news">

They are closed and everything. I am completely new to web design so I don't know what's happening. It's bizarre.

Solution

As stated by #recursive a link should not be in a button.

Further more if this is a menu you most certainly should not be using button and avoid inline styles.

also check that you have div's on page with the id of news, articles etc.

if you need further assistance please supply more of your code.

try this.

<nav>
  <ul class="text-center">
    <li class="btn btn-default btn-info">
      <a href="#news" style="color:white">123123</a>
    </li>
    <li class="btn btn-default btn-warning">
      <a href="#articles" style="color:white">13132123</a>
    </li>
    <li class="btn btn-default btn-danger">
      <a href="#video" style="color:white">12313123</a>
    </li>
    <li class="btn btn-default btn-success">
      <a href="#zaprimer" style="color:white">ЗА 132123123</a>
    </li>
    <li class="btn btn-default btn-info">
      <a href="#create" style="color:white">12312313</a>
    </li>
    <li class="btn btn-default btn-warning">
      <a href="#donate" style="color:white">123123123</a>
    </li>
  </ul>
</nav>