Sorry if the answer to this is here somewhere already but I just can't get this to work properly (and I think I've read just about every related topic about logos here on the forum and on the wiki):

Using the default theme I replaced logo.gif with a new image 400x72 pixels and header_bg.jpg 760x110 i.e. new logo is bigger but background image is same size as original.

In includes/languages/english/custom/header.php I have:

Code:
  define('HEADER_LOGO_WIDTH', '400px');
  define('HEADER_LOGO_HEIGHT', '72px');
  define('HEADER_LOGO_IMAGE', 'logo.gif');
in /includes/templates/custom/common/tpl_header.php:

Code:
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
and in /includes/templates/custom/css/stylesheet.css

Code:
#logoWrapper{
	background-image: url(../images/header_bg.jpg); 
	background-repeat: repeat-x;
	background-color: #ffffff;
	height:110px;
	}
I can see that tpl_header.php in my /custom template directory is controlling output by putting some dummy text before the anchor).

The problem is that both images are being 'stretched'. If I right-click either image and view it in a new tab it appears at the correct size.

I'm Using 1.3.9h.

Help with this would be much appreciated

TIA

Paul