header icon/text alignment

[Chadi]

I'm trying to get the icon perfectly left aligned / vertically aligned with "bookstore" link in the header template. I've tried vertical-align: middle, top and even tried (inside img code) float:left. Can't get it right.

Code I inserted is inside the toplinks div below

<div id="toplinks" class="toplinks">
<vb:if condition="$show['member']">
<ul class="isuser">
<li><a href="http://talkjesus.christianbook.com/" target="_blank" rel="nofollow">Bookstore</a><img src="images/metro/blue/misc/legend.png" alt="Bookstore" style="float:left" /></li>
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:ra w bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>

[Chadi]

Another problem specifically on phones and tablets is the misaligned blue search icon on the top left. Not sure how to fix this.

[Chadi]

Would appreciate help on this. Thank you!

--------------- Added [DATE]1359412926[/DATE] at [TIME]1359412926[/TIME] ---------------

I'll pay $100,000 for assistance