Logo Space behaves differently in IE8 and Firefox

I'm building a template based on Hot Office. I noticed that the top logo space behaves differently in IE8 and Firefox.

If I have a large logo and a large text module firefox will show the content iven when it pushes the content of the lower container down to fit.

IE8 simply cuts it off and doesn't show anything below the Logo space.

Is there a fix for this?

joomla.vnpsite.com

Van Nelson

add this in head section of index.php of template in beginning:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

that will force ie8 work like ie7

Thanks for the reply, however...

In the index.php file there isn't a "head" section.

I tried putting this in by itself and in a <header> tag but neigher would work

I apologize but I am not as familiar with PHP scripting to know where the head section is built in the template.

index.php in template folder?

Thanks but it turns out that the string is already there in the index.php in the hot joomla template folder.

IE8 seems to work better when it is in compatibility view. When I deselect this I get a smaller logo area but the taller image is still cut off at the bottom as it is when it is in compatibility view.

In compatibility view I'll get about 25 to 30 extra pixels of height of the logo area.

Attached are screen shots of the issue

Hi,

open index.php of template and find this:


.header_wrap {
-pie-background: linear-gradient(<?php echo $logoTop; ?>, <?php echo $logoBottom; ?>);
behavior: url(<?php echo $template_path ?>/css/PIE.php);
}

remove behavior property