have a wordpress site with this in css:

body > header .inner-content .right .contact-info .skype {
padding-top:10px;
margin-top:11px;
float:left;
width:136px;
margin-left:7px;
text-decoration: none;

}

body > header .inner-content .right .contact-info .skype > img {
float:left;
width:26px;
text-decoration: none;

}

.skype {
text-decoration: none;

}

And, then here's what's in the header file:

<div class="skype">
<a href="skype:personsnameonskype?call">
<img src="<?php echo get_template_directory_uri(); ?>/images/skype_icon.png" alt="Contact Person Internationally on Skype"/><span>SKYPE</span></a>
</div>
</div>

Question is....

The word SKYPE should come up as a live link to the right and middle of the Skype image. It is to the right of the image, but it's at the bottom. So, it's not centered. What css change needs to occur here to make the text in the middle? I've tried the following on all three places and neither seems to take effect.

{
vertical-align:middle;
}