Проблема с табами

[Driven]

Всем привет! Не получается сверстать вот такие табы

 

 

  

 

 

не могу понять что делаю не так . все что получается у меня это  

непонятно почему вылезла эта линия внизу, в не активном режиме и  не получается ее скрыть. При нажатии вроде как все нормально , а вот именно сначала вылазит эта линия . Надеюсь на помощь )

вот код 

 

<div class="col-md-7">
					<div class="tabs_header clearfix">
						<div class="wrapper">
    <div class="tabs clearfix">
        <span class="tab">Скидки учащимся</span>
        <span class="tab">Дополнительные скидки</span>
               
    </div>
    <div class="tab_content">
     <div class="tab_item">
        <ul>
        	<li>10% владельцу карты на продолжение обучения на следующем уровне</li>
        	<li>5% предъявителю карты на все программы обучения</li>
        	<li>3-5% на обучение за рубежом</li>
        </ul>
        </div>
        <div class="tab_item">Содержимое 2</div>
        
    </div>
    </div>
    </div>

 

.tabs_header .tab{
  float: left;
}
.tabs_header .tabs span {
    display: inline-block;
    background:rgba(255,255,255,.25);
    padding:12px 18px;
    text-transform: uppercase;
    cursor: pointer;
    
    
  }
  .tabs_header .tabs span.active{
    background-color: rgba(255,255,255,.35);
    color: #000;
  }
  .tabs_header .tab_content{
     background-color: rgba(255,255,255,.35);
     padding:10px 18px;

  }
   .tabs_header ul li{
    list-style-type: none;
    margin:0;
    padding: 0;
    text-transform: uppercase;
    color: #000;
    padding-left: 40px;
  }
 .wrapper .active { color: red; }
.tab_item { display: none; }
.tab_item:first-child { display: block; }

$(document).ready(function() {
$(".tab_item").not(":first").hide();
$(".tabs_header .wrapper .tab").click(function() {
	$(".tabs_header .wrapper .tab").removeClass("active").eq($(this).index()).addClass("active");
	$(".tabs_header .tab_item").hide().eq($(this).index()).fadeIn()
}).eq(0).addClass("active");
});

 

Edited August 12, 2016 by Driven

[Driven]

Вопрос решился после добавления  к first-child , padding 1px  . Тема закрыта