Align text at bottom of span

[travisbrown]

Trying to get the text in the right-float to align at the bottom of the span, same baseline as the image in the left-span.

Any ideas?

<span class=logo style=""><a href="/smsil/default.asp"><img src="images/sitlogo.jpg" alt="Strategic Management Seminar Logo" border="0" ></a></span><span class=navspan style="">
text 1 : text 2 : text 3</span>
<div class="spacer" style="">&nbsp;</div>
</div>

css:

.navspan {
float: right;
height: 62px;
vertical-align: text-bottom;
border:1px solid black;
}
.logo {
float: left; z-index: 1;
}
div.spacer {
clear: both;
font-size: 1px;
}

 

[travisbrown]

My only solution so far is actually using a table.:

<div class=navheader ><div class="spacer" style="">&nbsp;</div>
<span class=logo style=""><a href="/smsil/default.asp"><img src="images/sitlogo.jpg" alt="Strategic Management Seminar Logo" border="0" ></a></span><span class=navspan style="">
<table><tr><td valign="bottom">text 1 : text 2 : text 3</td></tr></table></span>
<div class="spacer" style="">&nbsp;</div>
</div>

Kinda grates on me.