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).

http://oi57.tinypic.com/2am0wh.jpg

Please go to http://www[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;*/
}
Any help much appreciated for this small but annoying issue.