Mfcer__, Чуда тебе указывает, что xmlns:v="urn:schemas-microsoft-com:vml" - лишнее и не совместимое решение.
Кстати, именно благодамя MS ты не можешь осуществить желаемое - эти чудаки не реализовали CSS свойство "position: fixed;", которое исправно работает на других браузерах. Как решение - установка обработчика на скролирование и корректировка положения элемента (ему придется установить "position: absolute;").
Еще рекомендую заменить схему strict на transition - будет намного легче.
Итог:
position: absolute;
z-index: 1; (выше основной страницы)
И обработчик onscroll элемента body.
Этот пример работает на IE6 и Mozilla 1.7.
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251" />
<style>
body
{
margin:0;
padding:0;
}
.fixed
{
border: 1px solid red;
top: 0;
left: 0;
width: 100%;
background-color: gold;
font-weight: bold;
text-align: center;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.7);
}
</style>
</head>
<body>
<div class="fixed" id="div1">фиксированная строка</div>
<span ID="out"></span>
<script type="text/javascript">
var isIE = (navigator.appName.indexOf('Internet Explorer') != -1) ? true : false;
function show_obj_recurs(obj,deep) // for debugging
{
var i;
var t = "<ul>";
deep--;
for (i in obj)
{
if (i=="ownerDocument") continue;
if (i=="parentNode") continue;
if (i=="domConfig") continue;
t += "<li>" + typeof(obj[i]) + " " + i;
switch (typeof(obj[i]))
{
case "number":
case "string":
case "boolean":
t += " = \"" + obj[i] + "\"";
break;
case "object":
t += "{";
if (deep)
t += show_obj_recurs(obj[i], deep);
t += "}";
break;
case "function":
t += "()";
break;
}
t += "</li>";
}
t += "</ul>";
return t;
}
var out = document.getElementById('out');
var div1 = document.getElementById('div1');
div1.style.zIndex = 1;
if (isIE)
{
div1.style.position = 'absolute';
window.onscroll = function ()
{
div1.style.top = (window.pageYOffset ? window.pageYOffset : document.body.scrollTop);
}
}
else div1.style.position = 'fixed';
out.innerHTML = show_obj_recurs(div1,2);
</script>
</body>
</html>
