Question

I have this css code http://jsfiddle.net/989Pd/ where the slash images must be in the middle of text height. How can I do it?

<div class="menu">
<div class="pedio940">
<ul>
<li><a href="#">Αρχική</a></li>
<li><a href="#">Προσθήκη RSS</a></li>
<li><a href="#">Επικοινωνία</a></li>
</ul>
</div>
</div>

Answer 1

Instead of creating the slash as a background image, create it as an inline element and use the CSS: vertical-align:middle.

.menu ul li:after {
   content:url("http://i.imgur.com/uB4Gz.png");
   display:inline;
   vertical-align:middle
}

Demo: http://jsfiddle.net/989Pd/8/

Edit: Yours is on the left, mine is on the right. I’ve drawn red lines to show the difference. They are not the same.