В строке отображается символ перемещения вверх

У меня есть следующая разметка для меню хлебных крошек:

<div>
    <span class="start-here">You are here:<span>
    <a href="/">example.com</a>
    <span class="raquo"> › </span> 
    <a href="/news">News</a>
    <span class="raquo"> › </span> 
    Title
</div>

Есть ли умный способ переместить эти › ( .raquo ) символы на несколько пикселей вверх без абсолютного позиционирования, когда все элементы отображаются встроенными? Я хочу, чтобы этот символ был меньше других и отображался в центре строки (или на несколько пикселей вниз / вверх).

(мне нужно, чтобы он работал также в IE6 и выше)