Fotiman - 5:43 pm on Feb 5, 2013 (gmt 0)

Welcome to WebmasterWorld!

First, some advice:
1. Avoid using id and class values like "left-side" and "right-side". id and class values should describe the content, not the presentation. Otherwise, if you later decide you want them flipped, you'll have to either:
a. Modify the content in order to change the presentation (changing the id/class values), which you shouldn't need to change if it's just a presentational change.
b. Have an id of "left-side" that styles something to be on the right, which would be confusing.

Something like this would be better:

<div id="footer"> <div class="copyright">Copyright &copy;...</div> <div class="endowments"><img ...>...</div> </div>

2. It's not a good idea to style font sizes in px. For accessibility reasons, you should avoid using fixed size units like px and pt. Instead use em or %.

With that said, you could do something like this with your existing code:

<div id="footer"> <div id="left-side">Copyright &copy;...</div> <div class="vcard"> <span class="fn">NAME HERE</span> <div class="adr"> <div class="street-address">630 South Hermitage</div> <div class="extended-address">Suite 103K</div> <span class="locality">Chicago</span>, <span class="region">IL</span> <span class="postal-code">60612-3833</span> <div class="country-name">U.S.A.</div> </div> </div> <div id="right-side"><img ...>...</div> </div>

And then in your CSS, something like this:

#footer .vcard { position: absolute; left: 400px; /* Modify these to get it where you want it */ top: 14px; }

Hope that helps.

Side note, I used the Microformats conventions for marking up your name/address (see [microformats.org...]