Problems with the logo in IE7

(Just realised I hadn't put the URL in...www.vikingespillet.dk)

I have a problem with the positioning of my logo and the right column in IE7. Also the footer has positioned bottom 5 and bottom 6 on top of each other. The site looks as I want it in all browsers except IE7.

I have the following override css:

#mainPage .box.explode > div { height:440px }
h1.logo a {
height:100px;
width:840px;
}
.article-meta.blog { margin-left: 10px; }
h3

{
font-size: 150%;
font-variant: small-caps;
}
#bottomWrap { color: #444; }

div#gkDropMain ul > li a {
padding: 0 5px;
color: #CCC;
}

h1.gkLogo a { background: url('../images/style1/logo.png') no-repeat 0 0; display: block; height: 96px; margin: 0; text-indent: -999em; width:840px; }

Can anyone help please? Thank you in advance.

screenshot_correct.png

screenshot_ie7_incorrect_logo.png

screenshot_ie7_incorrect_side_column.png

screenshot_ie7_incorrect_side_footer.png

Does anyone have any clues for me? Please.

Somebody please help, I'm really desperate to get this problem solved.

Hi

Please try to add this code to css:

Code: Select all

#gkPageTop > span {
    display: none;
}

h1.gkLogo a {
    margin: 0 auto;
}


I added the code to overide.css and then I tried it in ie7.css but it didn't help at all unfortunately. Or should I have put the code in another css?

Hi

Please leave ie7.css file untouch. I cannot see the code I gave You. Have You enabled using override.css file in template settings?

Now the code is back in override and not in ie7 and yes override was already enabled.

And the whole right hand column plus the footer is in one column at the left under the content. It's worse than before unfortunately. Hmm I don't like IE7

Hi

Please send me access to joomla panel of this site. I still cannot see the code working. Also please unpublish the google translator. I believe it's to blame for destroying the layout.