I'm trying to superimpose the page menu over the header image.

Here's my site: www.the-confidant.info

And here's one that has this (simply as an example to see what I mean): www.geraldwoolfson.co.uk

Any help would be much appreciated.

Thanks, Graham.

use a negative magin

I'm sorry, I'm obviously not understanding quite right. Which margin should be negative? I can't see a margin setting for the menu and when I introduce a bottom margin for the header image it doesn't seem to do anything.

Thanks
Graham

sorry I should have said 'position' . You want to position the element with a negative value.
This is where using Firebug in FireFox will come in handy. You can view the elements and then add in CSS to change the position to relative and change the top value to a negative number to move it up the page.

Sorry, I don't know anything about CSS, other than copying other people's ideas. Could you point me to somewhere I can find an example of what I need to do?

Thanks, Graham.

Supplementary question - would the same process also be used to shift the header image up the screen so that it is directly at the top?

Many thanks
Graham.

try this in CSS inserts

div#menu1 ul.rMenu {
    position: relative;
    top: -17px;
}

for the second issue, change the 'padding: 20px 0;' at ato->Body, Text & Links->Body Style.

and I would suggest going thru the CSS tutorials at http://w3schools.com/css

Brilliant!

Thank you VERY much.

The price of a modest bottle of wine has been donated.

Best wishes
Graham.

Ah.... Not QUITE so fast.

I've shifted it up as I'd wanted, but now the sub menus under "Articles" and "Other..." which were created with the custom menu tool aren't working.

Are these related and any ideas on how to resolve it?

Thanks
Graham.

When the menu is moved up, it ends up under the header image which is why the hovers don't work. You need to add a 'z-index' to put it on top of the header. Add 'z-index:10;' to the other CSS

Brilliant. Thanks very much - all sorted.