hover span non visto da ie6

[gabar-el]

ciao, ho implementato un menu per un effetto portfolio. praticamente all'hover sul menu si visualizza un'immagine spostata centralmente e in basso grazie a uno span in cui è contenuta.
purtroppo ie6 non me la visualizza. Il problema è il display: none in cui si trova in fase iniziale che non viene sistemato in hover come dovrebbe.

HTML:

		<div id="left">
			<ul>
				[*]primo<span>[img]images/img.jpg[/img]</span>
			[/list]
			
			<div id="portfolio">
			</div>

CSS:

	div#left {
		width: 750px;
		min-height: 600px;
		margin: 15px 25px 0;
		background: url(images/bgLeft.png) 200px 50px no-repeat;
	}
	div#left p {
		width: 550px;
	}
	div#left ul {
		list-style-type: none;
		width: 750px;
		height: 125px;
		position: relative;
		top: 25px;
		left: 0;
	}
	div#left li {
		display: block;
		width: 140px;
		height: 50px;
		float: left;
		margin: 0 5px 5px;
	}
	div#left li a {
		display: block;
		width: 138px;
		height: 48px;
		border: #000 solid 1px;
		line-height: 48px;
		text-decoration: none;
		text-align: center;
		background-color: #666;
		color: #fff;
	}
	div#left li a span {
		display: none;
	}
	div#left li a:hover span {
		display: block;
		position: absolute;
		top: 125px;
		left: 0;
		width: 746px;
		height: 500px;
	}
	div#portfolio {
		width: 746px;
		height: 500px;
		margin-bottom: 50px;
		border: 2px solid #000;
		position: relative;
		top: 25px;
		left: 0;
	}
	div#portfolio img {
		border: 0;
	}

grazie

[gengix]

Prova aggiungere queste regole in fondo al codice:

* html div#left li a:hover {
position:relative; 
}
* html div#left li a span {
visibility:hidden; 
display:block; 
position:absolute; 
}
* html div#left li a:hover span {
visibility:visible; 
}

Io ho utilizzato gli hack, forse è meglio se utilizzi un foglio di stile solo per IE.

[fcaldera]

dovrebbe essere sufficiente questa regola

div#left li a:hover {
direction: ltr;
}

[gabar-el]

si, grazie mod! ora devo solo sistemare i posizionamenti.
non conoscevo quella regola, per quale motivo però una regola di direzione testuale permette di vedere un display: none?
grazie

[fcaldera]

per risolvere un bug di IE6

per esempio avresti potuto scrivere anche padding:0 o border:0,
ma mi sembra meno invasiva direction: ...