[jQuery] dimensions, RTL and IE offset problem
There seems to be a skew when using offset() in a right-to-left
layout, but only in Internet Explorer.
These boxes align perfectly in Firefox and Safari, but IE7 puts the
green box lower and to the right. Setting the margin doesn't seem to
have any effect.
<html>
<head>
<script src="jquery.js" ></script>
<script>
$(function() {
$("#moveme").css($("#coverme").offset());
});
</script>
</head>
<body dir="rtl">
<div style="background-color: blue; height: 200px; width: 200px"
id="coverme"></div>
<div style="background-color: green; height: 100px; width: 100px;
position: absolute;" id="moveme"></div>
</body>