[pabst]

Hi Ishkey,

Thank you so much for your quick response - I have definitely sorted out question 2 and it looks great!

I am however, still having problems with question 1.

I left the order_cards code in the css as you suggested and created a new div id called home_image
css code:

/* home image */

#home_image {
width: 277px;
    height: 281px;
    background: url(/images/main_image.gif) no-repeat 100% 0px;
    overflow: hidden;
    }

then in the HTML I removed the reference to order cards and entered:

 <div id="home_image">
<img src="http://www.mywebsite.com/images/main_image.gif" width="277" height="281" alt="image of basket" />
</div>

All that shows when I view in the browser is the alt text 'image of basket' and not the picture.

Look at the "html code to see what they are calling up to create the "Order Cards" What parts do you not want? Do you want to get rid of the "paypal" and the "join" and replace it with one large graphic or two graphics. Then look at the "css" code. Which one sets the position and size, as that's where you need to put the graphic. Will you require the lists "<ul>" the hoovers, etc. How to these elements create that section you are working on and what do you need to keep/change to "call up" on the "html" page.

to answer what you wrote I want to replace the entire order cards section with one large graphic. I don't need the lists, the hoovers etc I think what I am failing to grasp is how the css determines the position on the page.

Thanks again, I really appreciate your help.

pabst