How can I stop a text link to go up each time it is selected?

Question

I'm using Blogger.

I have modified a bit the CSS of the template, though I can't find why each time a link (section) is selected it goes up. At first I thought it was some margin-top issue, but I don't find a problem with it in the actual CSS.

Since I don't know how deep I can go to a CSS in Blogger, I don't know what else to do. I tried using the inspector in Chrome but there's nothing wrong or I'm blind.

Take a look: Select a link from the top and cry with me.

http://safetyinsolitude.blogspot.mx/

Answer 1

Add the following css-selector:

.tabs-inner .widget li {
      line-height: 3.2;
}

Answer 2

Add this to your CSS:

     .tabs-inner .widget span {
     line-height: 3.2;
     display: inline-block;
     padding: .6em 1em;
     border-left: 1px solid transparent;
     font: normal normal 14px Crimson Text;
     border-right: 0 solid #000000;
     }

Answer 3

Change the line height of the span.