Have som serious trouble getting my templates with layers look ok in IE (both IE6 and IE7) - no problems in FF.
When creating a template like this;
<div style="width: 400px;"><span style="float: left; background-color: #cccccc; width: 200px;">1</span><span style="float: right; background-color: #333333; width: 200px;">2</span></div>
I got 2 layers side by side in FF as I would expect - but in IE the layers are in 2 lines (but still the float are correct). It looks like the layers i IE are 200px as they should be but that that will use 201px of space - for instance, the right layer are 1px from the absolute right of the main layer. This is especially visible in larger and more complex structures.
If I test the template outside the editor there is no problems in IE.
What can I do to prevent layers using this 1 extra pixel?
When creating a template like this;
<div style="width: 400px;"><span style="float: left; background-color: #cccccc; width: 200px;">1</span><span style="float: right; background-color: #333333; width: 200px;">2</span></div>
I got 2 layers side by side in FF as I would expect - but in IE the layers are in 2 lines (but still the float are correct). It looks like the layers i IE are 200px as they should be but that that will use 201px of space - for instance, the right layer are 1px from the absolute right of the main layer. This is especially visible in larger and more complex structures.
If I test the template outside the editor there is no problems in IE.
What can I do to prevent layers using this 1 extra pixel?