That's different than the style in your in your first post and is the problem. IE 6 and before don't do position:fixed; - so if you can live with position:absolute; - it would be the same in all browsers. If you want to only use position:absolute in IE 6 and earlier, you can probably use the hack:
Code:
#LayerGraphicDesign {
position:fixed;
left:193px;
top:121px;
width:106px;
height:17px;
z-index:1;
}
* html #LayerGraphicDesign {
position:absolute;
}
Fortunately, in this case, even IE 7 will ignore this as will all other browsers except IE versions 6 and less. But, it won't validate and will show errors in some browsers' error consoles. The preferred method would be an IE version specific conditional comment. This would require a separate stylesheet linked to, or a separate style section on each page though. To do that, make an IE version specific comment with the added stylesheet link contained within:
Code:
<!--[if lte IE 6]>
<link rel="stylesheet" href="ie_6_and_less.css" type="text/css">
<![endif]-->
Place that below the regular stylesheet link on each page and then in the ie_6_and_less.css file have:
Code:
#LayerGraphicDesign {
position:absolute;
}
Bookmarks