Hi webdesignerforum!

We have some pages, where firefox and IE are behaving differently, and we can't seem to pinpoint the problem.

 

We been trying to get rid of the gap you can see in the screendumps layout for a while.

 

You can take a look at the actual code here. LINK

 

Hope somebody can help us out.

 

The layout in Internet Explorer 8

 

The layout in Firefox 3.6

Try adding position:relative; to

body.node-type-cyberflash div.panel-flexible-sidebars div.panel-col-2 h2{ 
background-color:#99D7FF;
background-image:url("/sites/all/themes/cyberhus2/images/koltop_center.png");
background-position:center center;
background-repeat:repeat-x;
border-left:1px solid #77ACD3;
border-right:1px solid #77ACD3;
border-top:1px solid #77ACD3;
height:20px;
position:relative;/*position relative added*/}

Try adding position:relative; to

body.node-type-cyberflash div.panel-flexible-sidebars div.panel-col-2 h2{ 
background-color:#99D7FF;
background-image:url("/sites/all/themes/cyberhus2/images/koltop_center.png");
background-position:center center;
background-repeat:repeat-x;
border-left:1px solid #77ACD3;
border-right:1px solid #77ACD3;
border-top:1px solid #77ACD3;
height:20px;
position:relative;/*position relative added*/}

 

YES! that worked - thanks a lot. We are eternally grateful :-D