CSS for multiple, side by each, header images

Hello.

I have a site based on a WP Theme that I’ve been fairly successful at plodding my way through: learning/understanding the code by trial and error and making the changes I desire.

Currently an image is brought into the header on each page. I have figured out what I need to add and to simultaneously bring a second image into the header, however I don’t know what the css needs to say to make one image appear on the top left and the other appear right next to it.

The code that brings the main image in is below and in the main stylesheet:

‘#headerimage {height: 219px; background: url(‘images/myimagename.png’) top left no-repeat; list-style: none;}’

In the header style sheet I’ve added the following

‘<ul id=”headerimage2″>’

to bring in another image, and have tried copying the first above code in the main stylesheet (except with #headerimage2) to bring in my second image. So I know that what’s coming after #headerimage2 isn’t working…

Thanks for any tips or leads to sites that explain css to the novice!