Custom Header Help
 

Hi gang...

I'm trying to modify my header. It is pretty simple with a background and two or three images.

I'm having a hard time with css making the header how I want it. I have attached a pic of how it should look. The background, car and text are all layers. I have them all saved individually and uploaded.

I can't get the background to show, is the below code correct?

#header {
background: transpatent url (../images/custom/pro_car_care.png) no-repeat top right;
height: 179px;
top: 0px;
left: 0px;
}

#header .logo_name {
position: left;
right: 180px;
top: 0px;
}

{*
$Id: head.tpl,v 1.1.1.1 2012/04/05 10:16:13 ferz Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<div class="line1">
<div class="logo">
<a href="{$catalogs.customer}/"><img src="{$AltImagesDir}/custom/car_care_products.png" alt="Professional Car Care Products" /></a>
</div>

<div class="header-links">
<div class="wrapper">
{*{include file="customer/header_links.tpl"}*}
</div>
</div>

{*<div class="logo_payments">
<img src="{$AltImagesDir}/custom/payment_logos.png" alt="" />
</div>*}

{include file="customer/tabs.tpl"}

{include file="customer/phones.tpl"}

<div class="logo_name">
<a href="{$catalogs.customer}/"><img src="{$AltImagesDir}/custom/professional_car_care_products.png" alt="Pro Car Care Products" /></a>
</div>

{*<div class="logo_payments">
<img src="{$AltImagesDir}/custom/payment_logos.png" alt="" />
</div>*}

</div>

<div class="line2">
{if ($main ne 'cart' or $cart_empty) and $main ne 'checkout'}

{include file="customer/search.tpl"}

{*{include file="customer/language_selector.tpl"}*}

<div class="header-links">
{include file="customer/header_links.tpl"}
</div>

{/if}
</div>

{include file="customer/noscript.tpl"}

It might be that the pics are blocking the backgound, but I believe the pics don't have background info.


Whats the best format to save pics with no background?