CSS Logo Aligning

I’m having some trouble getting my to vertically align to the middle of my nav bar. Currently it seems to demand being top aligned. If anyone can give me some help it would be much appreciated!

artsatheart.atwebpages.com

Thanks!

Hi,

You could just giver it the image a top margin and move it down a couple of pixels.

Or for automatic alignment you could do this:


#navigation li:last-child{
float:right;
height:80px;
}

#navigation li:last-child img{
float:none;
display:inline;
vertical-align:middle;
}

If you want to support IE8 as it doesn’t understand last-child you would need to add a class to the last item instead and use the class instead of last-child.

Solved. Thanks!