IE8: Paragraph after floated div appears to have extra top padding

[Richard Waite]

this error occurs when the first element is a div, floated left. The second element is a paragraph with no added styles.

In IE8, the paragraph appears to have extra top padding. This does not happen with IE7 or IE6, or Firefox 3.6

Here is an example of code that can produce the error:

<div style="position: relative; width: 150px; float: left">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel mi sed mauris iaculis vestibulum id quis nullaLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel mi sed mauris iaculis vestibulum id quis nullaLorem ipsum dolor sit amet,</div>
<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel mi sed mauris iaculis vestibulum id quis nulla. Quisque c ondimentum dui nec nunc laoreet hendrerit. Donec ipsum enim, hendrerit eget porta at, interdum vel velit. Suspendisse non libero egestas elit commodo semper a convallis turpis. Aenean pulvinar tortor non erat facilisis sodales sit amet a turpis.&nbsp;</p>

[Richard Waite]

Screenshot of bug in IE8

[Richard Waite]

ok it seems that it might have something to do with the Security zone settings in IE8 - if I use the editor on a site that is in the 'Internet' zone, the bug occurs. If I use it on a site that is in the 'Local Intranet' zone, the bug does not occur.

Changing the security settings for each zone does not seem to make any difference.

[Frederico Caldeira Knabben]

I'm really afraid this is an intrinsic browser bug and we can't do anything to solve it other than (somehow) report it to MS.

[Richard Waite]

I was afraid of that!

FWIW I tried to avoid the bug by forcing IE8 to 'emulate' IE7, with mixed results.

If I use the compatibility view button in the toolbar, the bug does not occur. But if I use the meta tag 'X-UA-Compatible', the bug still occurs.

So although both these methods should force IE8 to emulate IE7, it seems that they don't quite work in the same way.

[Richard Waite]

Replying to richardw:

ok it seems that it might have something to do with the Security zone settings in IE8 - if I use the editor on a site that is in the 'Internet' zone, the bug occurs. If I use it on a site that is in the 'Local Intranet' zone, the bug does not occur.

Changing the security settings for each zone does not seem to make any difference.

Apparently IE8 uses Compatibility mode for the local Intranet zone by default, which would explain this behaviour.

[Alfonso Martínez de Lizarrondo]

Filed ​https://connect.microsoft.com/IE/feedback/details/576042/floated-elements-in-contenteditable-can-generate-an-empty-line