ciao, stavo chiedendomi se è possibilie implementare un menu liquido nav con lista non ordinata flottata a sx e delle immagini di bg agli a.
in ogni caso qual è il miglior modo per rendere un menu liquido?
al momento il mio menu fa degli slittamenti orrendi al restringimento della finestra.
codice:
<div id="menuDown">
		<ul id="navDown">
			[*][salta il men&ugrave; navigazione]
			<li id="attivo">home
		[/list]
	</div>

	div#menuUp, div#menuDown {
		width: 85%;
		height: 40px;
		position: relative;
		left: 25px;
		text-align: left;
	}
		ul#navUp, ul#navDown {
			width: 95%;
			height: 40px;
			margin-left: 5%;
			position: absolute;
			list-style-type: none;
			text-align: center;
		}
		ul#navUp {
			padding-top: 41px;
		}
			ul#navUp li, ul#navDown li{
				margin: 0 0.2em;
				float: left;
			}
				a.nascondi {
					position: absolute;
					top: -10000px;
					left: -10000px;
				}
				div#menuUp a, div#menuDown a {
					font: 1em Verdana, Arial, Helvetica, sans-serif;
					color: #999;
					text-transform: uppercase;
					text-decoration: none;
					display: block;
				}
				ul#navDown a {
					padding: 0.1em 0 0.3em;
				}
				ul#navUp a {
					padding: 0.3em 0 0.1em;
				}
				a#home, a#home:link, a#home:visited, a#home:active {
					position: relative;
					top: 0;
					left: 0;
					width: 80px;
					background: url(images/menu/bgHome.png) top left no-repeat;
				}
				a#home:hover, a#home:focus, li#attivo a#home {
					padding: 0.8em 0 0.4em;
					background: url(images/menu/bgHomeHover.png) top left no-repeat;
				}