Images keep changing their position depending on comuter
I'm a rookie at HTML/CSS so this might be easy, but I certainly can not get it to work.
I've been wanting titles above two link lists (widgets from blogger. I use blogspot.) and chose to make two PNGs, and managed to get them in place so they looked good on my computer (a macbook pro, using google chrome): http://tinypic.com/r/2ep83gn/6
(I'm talking about the "find me" and "blogs I love" images on the right)
But when I check my blog on other computers (PC) with firefox, chrome or explorer the images keep changing their position, and it's always different. Here's a screenshot of my friend's PC:
And uh, here are the codes I used, if you can somehow see what I need to change (I know I can't)
Or has it something to do with the width of the different computer screens? If so, where/how do I change so my blog remains with the same width on every computer?
<h20><img align='right' alt='none' src='http://i46.tinypic.com/kbzv34.png' style='max-width:100%'/></h20>
<h19><img align='right' alt='none' src='http://i50.tinypic.com/10q9h83.png' style='max-width:100%'/></h19>
<h18><img align='right' alt='none' src='http://i47.tinypic.com/b6v97k.png' style='max-width:100%'/></h18>
Hope someone can help! I've been googling forever and ever.. Peace