I want to replace the text in the header div (I´m using natural_pink template) by a logo (gif image) I have the following code:

<div class="pageHeader">

<h1 id="pageTitle"><?php $Blog->disp('htmlbody' ) ?></h1>

<div class="pageSubTitle"><?php $Blog->disp( 'tagline', 'htmlbody' ) ?></div>

</div>

In the CSS file:

div.pageHeader /* Title zone */
{
    margin: 1ex;
    padding: 0;
    border-bottom: 1px dotted #000;
    background-image: url(img/logo.gif);
    background-repeat: no-repeat;
    /*background-position: right top;*/ç
}

The problem is that when I erase the title text, the logo is covered by the rest of the site. I need to fix the dimesions of the <div> around the gif image, isn´t it?

How do I do that?

Thanks!