Header menu links not working

Hi I keep wondering why the links on my header is not working, it keeps coming back from index.html over and over.Please help and thanks in advance.

        <div id="header-wrap" class="fixedheader">

            <!-- Primary Navigation
            ============================================= -->
            <nav id="primary-menu" class="style-2 center">

                <div class="container clearfix">

                    <div id="primary-menu-trigger"><i class="icon-reorder"></i></div>

                    <ul class="divcenter">
                        <li><a href="index.html"><div>Home</div></a></li>
                        <li><a href="about.html"><div>WHO WE ARE</div></a></li>
                        <li><a href="products.html"><div>WHAT WE TRADE</div></a></li>
                        <li><a href="services.html"><div>SERVICES</div></a></li>
                        <li><a href="logistic.html"><div>LOGISTICS</div></a></li>
                        <li><a href="contact.html"><div>CONTACT</div></a></li>  
                    </ul>


            <!-- Logo
            ============================================= -->
            <div id="logo" class="divcenter">
                <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img class="divcenter" src="images/logo.png" alt="Canvas Logo"></a>
                <a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png"><img class="divcenter" src="images/logo@2x.png" alt="Canvas Logo"></a>
            </div><!-- #logo end -->

                </div>

            </nav><!-- #primary-menu end -->

        </div>


    </header><!-- #header end -->