Есть два тега Div абсолютно позиционированы. Дело в том, чтобы предотвратить переход первого по сравнению с тем, который находится справа, при изменении размера окна до меньшей, чем общая ширина. ps: Это происходит только в firefox.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My HTML File</title>
<style>
body{
direction: rtl;
}
#sidebar{
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 300px;
min-height: 1000px;
background-color: #66ccff;
}
#content{
position: absolute;
top: 0;
right: 300px;
bottom: 0;
left: 0;
min-width: 1100px;
background-color: #008844;
}
</style>
</head>
<body>
<div id="sidebar"></div>
<div id="content">
</div>
</body>
</html>
Удалить left: 0;
from #content
#content {
position: absolute;
top: 0;
right: 300px;
bottom: 0;
/*left: 0;*/
min-width: 1100px;
background-color: #008844;
}