hr not displaying within this container block...

Need some help trying to sort out why the hr is not falling into the row of the container. It just won't display.

My guess is something with the display or positioning needs to be adjusted?

hr {

        color: #cccccc;

        display: inline-block;

        position: absolute;

        }

.header {

    background-image:url('images/header-bg.png');

    border-bottom:#ccc 3px solid;

    height:174px;

    margin: 0 auto;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99999;

    width: 100%;

}

<div class="col-xs-12">

        <div class="header"><!--structural container overall-->

                <div class="container"><div class="row">

                    <div class="Mlogo"><!--includes top/bottom padding for logo-->

                    <a target="_blank" href="#"><img src="images/logo.png" class="img-responsive" alt="logo"></a>

                     </div>

                    <hr>

                   <div class="nav col-md-9">

                   <ul class="nav"><li class="nav"><a target="_blank" href="#">Link</a></li></ul>

                  </div>  

         </div></div></div></div></div>

Can you advise how I can clean this up? Thank you!