Logo covering content in Firefox

[titax]

Hello everyone,

Set up my website last year - www.titax.co.uk and it all looks fine on IE6 but have just discovered that on Firefox and IE7 the logo/header is slapped straight over the top of some of the page content in the top 1/3 of the screen on all pages in my site. In IE6 the content appears happily underneath the logo/header. It's almost as if in IE6 the logo pushes the content down to sit nicely beneath it but in Firefox and IE7 it just floats over the content.

Any ideas of what I need to change? I don't have the first clue about html. I used the presets and their variations to design my site.

Thanks a lot

[OriginalTouch]

http://community.actinic.com/showthread.php?t=35287

See this: apparently asked loads of times .....

[titax]

Awesome! Thanks Sam. Guess I should have searched a lot more thorougly - not while working at the day job though!

Will have a bash at fixing that tonight.

Steve

[titax]

Oh dear. Spent hours messing around now but no joy. Went into the style sheet as mentioned in the other thread and changed the header content height to match my logo height but absolutely nothing happens - even tried really extreme height and widths to see what would happen....nothing. This is what I now have:

.page_header_content {
width: 762px;
text-align: left;
height: 209px;
}

This should take care of it but it changes nothing in either IE6 or Firefox. Tearing my hair out here, can anybody take a peek - maybe using Firebug to see if there's something I've messed up?

[leehack]

You are using a different theme, but it's the same principle, contemporary top bar on yours i'd expect. Why not download firefox and firebug yourself and investigate? best way to learn by far, you'd have solved this in about 3 minutes flat.

[OriginalTouch]

had a tweak - don't know if it's the correct end solution (and it's late) but it seems that your image is within a div called contemporary top bar.

When this height is changed, the menu moved down and away from your image.

#contemporary_top_bar {
background-color:#FF3300;
background-image:url(theme_topbar_background.gif);
background-position:right center;
background-repeat:no-repeat;
height:200px;
width:auto;

Give it a go... until someone wiser is here in the morning!

[OriginalTouch]

OK Lee, read my same thoughts .... contemporary top bar it is!!

[leehack]

You'll be a web designer before you know it Sam.

[titax]

I'm not worthy! Nice to know I'm not the only night owl.

(did have a go with Firebug but am a dunce & couldn't find the problem!)

Thank you so much