creating new div class + making images links

hi

i want to divide my header area into two so that the main logo on the left links back to the main blog page (not essential) and the rss symbol on the right links to the feed for my entries (more important)
here are two pictures to illustrate what i mean:
fannymagnate.com/helpexample.png
fannymagnate.com/helpexamplediv.png
the site at the moment: fannymagnate.com/blog
i am guessing i need to make the header smaller and create a new div next to it, into which i would put the rss symbol, but i don't know how to this. i also have no idea how to make the images link to something

thank you in advance

ben

html:

Code: Select all

<div id="headerLogo"><a href="index.php"><img src="path/to/sitelogo.jpg" alt="Go to home page" /></a></div>

<div id="headerRSS"><a href="rss_thing.rss"><img src="path/to/rsslogo.jpg" alt="Subscribe to RSS feed" /></a></div>

<div id="content">
--- All your site content goes in here. ---
</div>

css:

Code: Select all

#headerLogo {float: left;}
#headerRSS {float: right;}
#content {clear: both;}