Changed heading height looks OK in IE but overlap occurs in firefox

[alessandra]

Hi

I changed heading height here to 160px:

div#header h1 a {
/* you can set your own image here */
  background: white url(images/cms/logo1.gif) no-repeat 0 12px;
  background-position: center;
  display: block;
  height: 160px;            /* adjust according your image size */
  text-indent: -999em;  /* this hides the text */
  text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

in left sidebar + 1 column stylesheet and it displays fine in IE but in firefox the heading and the left column overlap with my heading image. Can anyone help me please?

Thanks
Alessandra

[RonnyK]

alessandra,

in the CSS belonging to your template you should also change the height for:

div#header

This is just above your entry and should have the similar height.

Ronny

[alessandra]

Thank you so much. It seems so obvious now but it wasn't before. This forum is great!