How to put this line below the text, instead of above?

Hello,

Recently came up with the stuff below, to make the lines of my forum look a certain way:

Code:

div.h3 {
background:#39C;
height:4px;
line-height:40px;
border:2px solid #105289;
position:relative;
bottom:15px;
border-radius:10px;
margin-bottom:8px;
}

If you just enter the forum, you will see them immediately.

Now, the lines are actually supposed to be under the first row of text. Couldn't figure out how to put them there, though, and ended up with them above the text.

Simply, what can be done to put them below the first row of text?

Thank you.

It would help if you post the link to your forum.

It should be there, a bit below my avatar.

This: http://crimson-butterfly.forumotion.com/login

If yes, we can not see the forums.

Yes, that is it.

You should be able to see the lines affected by the ".h3"-code on the login page.

I guess that should be enough, but I am not sure...

You are correct.

The lines are supposed to be located just under the blue text below them, but I couldn't figure out how to make them stay there after changing the design of them.