Is there an I.E. 7 hack needed for this or better question is, does I.E. 7 not float?

HTML & CSS
1

Hello:

I am having a unique issue with a site I am working on. At this link here, http://bellabellany.mivamerchant.net for some reason, in I.E. 7, the logo drops down behind the navigation bar when I use the Float:right; property in the css file.

This only happens in I.E.7 and all other versions of I.E. work fine.

Is there an issue with the float property in I.E.7 that needs a hack to make this not happen?

Thanks for any help or advice on this issue.

Paul

2

Hi,

You don’t need a hack you just need to do it right in the first place :slight_smile:

You’ve floated the logo left and then shifted it right with padding which effectively makes it fill the whole line as far as IE7 is concerned. Just remove the padding and then float right after clearing right.

e.g.


#right-of-logo {
    clear: right;
    float: right;
    padding: 25px 15px 15px 0;
}

No hacks needed :slight_smile:

3

D’oh… I must be going dyslexic or something… right, left… man

Thanks Paul for the help on this…