Yes I've no idea how you will implement this in wordpress but you do need to maintain the structure I've given.
specifically this section.
If you nest extra elements or don't keep the b element next to the image then you break the structure. As soon as you nest another element you break the routines because there is no longer any height to work with.
<div id="outer"> <div class="content"><b class="x"></b><img id="theImage" class="test" title="Audi A3" src="images/carscale.jpg" alt=""/></div> </div>
You need to strip away everything that is not needed and end up with a structure as in my example above which shows that it will work once everything is in the right place.
#outer contains the available space between footer and image and the class="x" must be 100% height of this space because it then forces the image to vertical-align within that space. (See here for the details of the technique).
If you add extra nested elements inside then you break that relationship and nothing will align.