some IE issues…

Ok, my site is fine in Firefox but there are a couple issues in IE yet go figure…
http://www.osterbrink.org/blog/
there’s the site…
First issue, the flower, it’s supposed to be in the right hand corner not in the middle… if i swap the order of these two lines in index.php, it works fine (flower moves to the right corner), but it drops the flower behind my header graphic:
<div id=”rap”>
<h1 id=”title”> <img src=”/blog/images/ahreno/header.jpg” alt=””/>
<h1 id=”header”></h1>
2nd issue… dealing with the header graphic…. for some reason there is a gap in IE between the bottom of the graphic and the border around it… about 10px or whatever… I’ve tried putting the height= attribute in the css but it doesn’t help…
also, still dealing with the header image, any idea why it’s bumped over twice as far? if i take out margin-left: 40px; from the css, it is fine in IE but against the left side in Firefox…. help?
and i know it doesnt validate… i’m having issues with the list in the right column, thats going to be a whole other question when i get that far.