bootstrap tab skin remove unwanted space

Question

I'm trying to create skin for bootstrap tab panel. I have my basic markup ready and I created this:

however I have unwanted line in active tab and unwanted space between hover tab underline and line below. I can fix this by setting height on ul to 34px, but can this be fixed without setting height?

here is my fiddle: http://jsfiddle.net/Misiu/b3qL5/32/

Answer 1

How's this?

.gittabs ul.nav li a {
    position:relative;
    top:1px;
    background: #fff;
    border: 1px solid #eee;
    color: #333333;
    font-weight: bold;
    border-bottom: 1px solid white;
    box-shadow: 0 -3px 0 #ba5d0f;
}