Weird problem : IE7 + JS + position:relative + background-image

HTML & CSS
1

Hello,

I’m having this really weird problem with IE7. I have this big form on a page but I could reduce it to a small test case.

Could you please look at : Formulaire ([url=http://www.webdevout.net/test?016]source)

When you click on “Click me” it expands the “main_content_secondary_path” to a 500px height.

Problem : On IE7, the relatively positioned “geoloc_map_li” stays where it is but the <p> below it moves correctly.

This only happens when the element has a background-image (valid url or not) and is relatively positioned.

Any ideas?

Thanks :eye:

2

Hi,

You’ll need to add position:relative here also to get IE7 to work.


.field {
  background-image:url('http://rankbuilder.com/images/dot.jpg');
  [B]  position:relative;[/B]
}