:banghead: Gawd I hate Internet Explorer.

I realise this, as a CSS challenge, could be posted anywhere but since it is basically about Geeklog I'd like to see if anyone else has the same challenge. It has to do with positioning of the site logo found in the banner.

If you click on this link, you'll see what am I trying to achieve in Firefox. However, in IE7, the result is this: the slogan comes out below the banner and below the menu.



I've tried converting the slogan code from a span to a div and it did not change the result.

Comparing the banner/menu combination on my site vs the Geeklog site, the only difference in terms of CSS/HTML structure I can tell is my menu appears below the banner. My header.thtml file is rearranged so the menu navigation container is below the banner container.

Does anyone have a fix? You can look at my site dwlamb.com to see the placeholder and CSS. There's simply no slogan there right now until I get this figured out.

Hi,

Could you paste here the code you try to use to render your header?


Ben

---

We speak french on http://geeklog.fr

Hi Ben,

We can regard this one as fixed. I looked at the declarations for the div's you wanted me to post here. I started doing my own comparisons of the Geeklog.net css file and my own. Turns out the problem was in .header-logo, not even the div's and rules you and I had considered.

Still, it doesn't change my opinion of Internet Explorer.