Strange Iframe problem with IE7 that doesn't happen with Firefox 3 or Safari 4

Please take a look at this page

http://www.dbwebserver.com/semeraro/03/prodotti.php

with Firefox 3 & Safari seems all correct, but with Internet Explorer 7 the left div animation is really wrong.

If needed to fix, i have already separated css for IE, Fx and Safari


Thank You for your help
LVL 1
farioAsked:
Who is Participating?
 
farioConnect With a Mentor Author Commented:
OK

the solution

#half-top {
background:#FFFFFF none repeat scroll 0 0;
float: right;
margin:0;
padding-left:10px;
padding-right:10px;
/* position:absolute; */
top:131px;
width:940px;
}

#half-top-left {
background: url(../images/prodotti-half-top-left.png) no-repeat;
float:right;
height:450px;
margin:0;
padding:0;
width:208px;
display:none;
}

#half-top-right {
background:#FFFFFF none repeat scroll 0 0;
float:right;
height:445px;
margin-top:5px;
padding:0;
width:732px;
overflow: hidden;
}

and placing half-top-right's DIV before half-top-left DIV inside HTML code

but  
thank you anyway
0
 
GodDoesntExistCommented:
Have you tried absolute positioning for the #half-top div since that div is making space for the animation?
0
 
farioAuthor Commented:
that didn't fix.

I'm going to try the float right and switching the 2 <div> (half top left and half top right) inside html code
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.