Vertically Centering Image

I’m trying to vertically center this logo on my responsive navigation bar and keep its relative positioning. I have tried using the vertical-align and table-cell in different ways, but have not succeeded.

The image below shows that the logo is not vertically centered (not too obvious but you can still see a gap at the top where the 9 blobs are).

[IMG]http://oi57.tinypic.com/2am0wh.jpg[/IMG]

Please go to [url]http://www[/url][dot]acmfootball[dot]com/navs/nav1/ if you want to view or experiment with the code.

This is my CSS code at the moment that dictates the mobile navigation logo.

[code]#acmcentral {

display: block;
margin: 0 auto;
display:inline-table;
vertical-align:middle;

}

#acmcentral img {
display:table-cell;
vertical-align:middle;
/*height:28px;*/
}[/code]

Any help much appreciated for this small but annoying issue.

Also in #CSS _↴