Salve ragazzi, mi trovo a scrivere qui perchè non so più dove sbattere la testa!
1° Problema: Ho un menù a tendina create esclusivamente con i CSS, questo menù su FireFox, Opera, Safari e IE8 va che è una meraviglia. il problema sorge su (quel maledetto!!) IE 7. la tendina che si genera in stato di :hover, invece di apparire sotto i list item principali vi appare affianco nascondendo il "li" successivo.
Ecco il codice:
codice:
div#menu1 ul{padding-right: 4em;}
		
	div#menu1 ul li ul li{list-style-type:none;
				margin: 0;
				padding:0}

	div#menu1 li{display:inline;
			float:right;
			margin: 0;
			padding: 0.1em 0.1em 0.1em 0.1em;
			font-size:1em;
			font-family:Arial, Helvetica, sans-serif;}

		div#menu1 ul a:link {color:#FFFFFF;
					text-decoration:none;}

		div#menu1 ul a:visited{display: block;
						color: #FFFFFF;
						text-decoration: none;}

		div#menu1 ul a:hover{color:#FF0000}
		div#menu1 ul a:focus,
		div#menu1 ul a:active{background-color: #000000;
						color: #FF0000;
						text-decoration: none;}

			div#menu1 li ul{display: none;}

				div#menu1 li:hover ul{display: block;
								position: absolute;
								z-index:1;
								width:130px;
								padding: 0;
								margin: 0 0 0 -1px;
								background: #000000;
								font-size:1.2em;}

				div#menu1 li li {border-bottom:1px solid #696969;
							width: 130px;}
2° Problema: Sotto questo menù c'è un div contenitore(che funziona da menù, ma è comunque un contenitore):

codice:
div#content_menu{width:850px;
				height:188px;
				margin-top: 5em;
				margin-right: 3em;
				padding:0}
...con al suo interno 5 immagini:

codice:
div#content_menu img{float:left;}
... e al disotto di queste immagini c'è un altro div contenitore che a sua volta contiene 5 div che si dovrebbero andare a posizionare esattamente sotto le immagini:

codice:
div#content_menu0{float:left;}
		
		div#content_menu1{width:163px;
						height:70px;
						float:left;
						border-top: 1px solid #999999;
						border-bottom: 1px solid #999999;
						margin:4px 2px;
						padding:0 0 10px 0}
		div#content_menu2{width:163px;
						height:70px;
						float:left;
						border-top: 1px solid #999999;
						border-bottom: 1px solid #999999;
						margin:4px 2px 4px 5px;
						padding:0 0 10px 0}
		div#content_menu3{width:163px;
						height:70px;
						float:left;
						border-top: 1px solid #999999;
						border-bottom: 1px solid #999999;
						margin:4px 2px 4px 6px;
						padding:0 0 10px 0}
		div#content_menu4{width:163px;
						height:70px;
						float:left;
						border-top: 1px solid #999999;
						border-bottom: 1px solid #999999;
						margin:4px 2px 4px 5px;
						padding:0 0 10px 0}
		div#content_menu5{width:163px;
						height:70px;
						float:left;
						border-top: 1px solid #999999;
						border-bottom: 1px solid #999999;
						margin:4px 2px 4px 6px;
						padding:0 0 10px 0}
...questo avviene se visualizzo la pagina con tutti i browser tranne IE 7 e precedenti... come posso fare a farlo andare anche sugli altri?! ... mi è stato detto di usare degli hack, ma non avendolo mai fatto non so da dove partire!!

... c'è qualcuno che ha una mezza idea ?!?

Vi ringrazio anticipatamente ragazzi!!