Text Alignment Issue (Text Shifts Below when i add some property to it)

[spyece]

What i am Trying to make is This
http://testbox.co.cc/practice/header/topbar.jpg

The Error i am Getting is (See the White Text)
http://testbox.co.cc/practice/header/index.html

When i add span in div and assign some property to it the text shifts a little below, i am unable to figure out why that is happening Sad

i tried, positioning text using line-height property, padding- margin property, but still not working. can someone please help...

Thanks in Advance. and (Sorry for my bad english.)

[floatingDivs]

Set vertical-align for the class .wt to top.

.wt { vertical-align: top; }

[spyece]

Thanks a Lot, it Worked Fine!! :)