tromton: "a:hover span" im IE

Beitrag lesen

ist ok, ich gebe dir ja recht. du kannst mir natürlich erklären wie man was besser macht, aber die lösung des problem ist es ja doch leider nicht. aber da du natürlich recht hast anbei eine überarbeitete fassung.

soweit ich weis ist die filter anweisung dafür da gewesen, das der internet explorer das hover macht, was aber letzendlich nicht passiert. also kann ich sie auch weglassen wenn es besser ist.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
	<head>  
		<meta http-equiv="Content-Language" content="en">  
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
		<META http-equiv="Content-Style-Type" content="text/css">  
		<style type="text/css">  
			a#hoverdiv  
			{  
				display: block;  
				background:transparent;  
				position:absolute;  
				top:319px;  
				left:0px;  
				width:580px;  
				height:107px;  
				border-style:solid;  
				background-image: url(img/empty.gif);  
			}  
			  
			a span.onhover  
			{  
				visibility:hidden;  
				position: relative;  
			}  
			  
			a:hover span.onhover  
			{  
				visibility:visible;  
				display:block;  
			}  
			  
			span.onhover_span_1  
			{  
				position:absolute;  
				top:80px;  
				left:0px;  
				width:570px;  
				height:17px;  
				background-color:#cccccc;  
			}  
			  
			span.onhover_span_2  
			{  
				position:absolute;  
				top:80px;  
				left:522px;  
				width:16px;  
				height:16px;  
				cursor:pointer;  
				cursor:hand;  
			}  
			  
			span.onhover_span_3  
			{  
				position:absolute;  
				top:80px;  
				left:538px;  
				width:16px;  
				height:16px;  
				cursor:pointer;  
				cursor:hand;  
			}  
			  
			span.onhover_span_4  
			{  
				position:absolute;  
				top:80px;  
				left:554px;  
				width:16px;  
				height:16px;  
				cursor:pointer;  
				cursor:hand;  
			}  
			  
			imgwoborder  
			{  
				border-style:none;  
			}  
			  
			  
		</style>  
		<title>  
			Test Document  
		</title>  
	</head>  
	<body>  
		<div>  
			<a class="hoverdiv" id="hoverdiv">  
				<span class="onhover" id="onhover">  
					<span class="onhover_span_1">sdhsdh fg kjg sd fjgkj kljg f kjgjk lsdfgjkl fgjk l</span>  
					<span class="onhover_span_2"><img src="img/grid.gif" title="grid view" alt="grip view" class="imgwoborder"></span>  
					<span class="onhover_span_3"><img src="img/l_arrow.gif" title="previous" alt="previous" class="imgwoborder"></span>  
					<span class="onhover_span_4"><img src="img/r_arrow.gif" title="next" alt="next" class="imgwoborder"></span>  
				</span>  
			</a>  
		</div>  
	</body>  
</html>

also ich würde mich über konstruktive tipps zu der problematik freuen, das der IE bei diesem Beispiel nicht hovert.

tausend dank.

trom