If I might throw in my 2 cents.
valign only works in a table cell, but is inconsistent in different browsers.
Try using <p align="center"> (or div or span, but "p" works better for this) to center the logo horizontally, then for the image buttons, try: <img src="...../image.jpg" style="float:right;"> for the image on the left side, and "float:left;" for the image on the right side. If I understand you correctly, that should give you the -- that you are looking for. I haven't tried this lately so I can't be sure it works right, but if it doesn't just position the misaligned images relative, like: <img src="..../image.jpg" stye="position:relative;top:-12px;left:0px;"> that moves an image up 12 pixels. It works really well and is very consistent between browsers.
Hope that helps.