[Resolvido] Problemas de iniciante no CSS

Olá a todos!

Acabei seguindo as recomendações deste fórum e aventurei-me nisso do CSS. Achei interessante mas estou a ter alguns problemas com esta minha primeira experiência em Tableless.

Criei um site em cima de outro que tinha feito no Photoshop com CSS mas não consigo resolver alguns problemas que surgiram. E por mais que tenha tentado ver em tutoriais, não consegui mesmo dar jeito.

Assim que passo a bola para vocês: http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

não consigo acertar a imagem de fundo com o site; não bate certo quando está online;

No firefox a imagem do banner fica torta, e no IE não, aparece tudo certo menos o background.

não consigo "chegar" o menu mais para a direita, já tentei com margin e não deu certo :mellow:

E é isso aí!!!

Vou postar aqui os meus códigos e o link da página!

Desde já, obrigada!!

#Geral {
	background-image:url(fundotodosite.jpg);
	position:relative;
	width:1000px;
	height:100%;
	text-align:center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-x;
}
#topo {
	background-image: url(bannertop2.jpg);
	width:1000px;
	height:191px;
	position:relative;
}
#barramenu {
	background-image: url(barranevegacao2.jpg);
	width:1000px;
	height:113px;
	position:relative;
}

ul#MENU {

	position:absolute;
	text-align:right;
	left:550px;
	margin-top: -65px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 200px;
	padding: 0px;
}

ul#MENU li {

	display:inline;
	margin-right: 20px;
	margin-left: 0px;
}

ul#MENU li a {

	text-decoration:none;
	color:#F4F4F4;
	font: 14px Calibri, Verdana, Arial;
	margin-left: 700px;
}

ul#MENU li a.active, ul#MENU li a:hover {

	border-top: 2px dotted #666666;
	color: #FFFFFF;
	text-decoration: underline;
}
.esquerdo {
	background-image: url(barraesquerda.jpg);
	width:106px;
	height:504px;
	position:relative;
	float:left;
}
.meio {
	background-image: url(meiosite.jpg);
	width:788px;
	height:504px;
	position:relative;
	float:left;
}
.iframe {
	width:780px;
	height:500px;
	z-index:2;
	display: block;
	position: relative;
}
.direito {
	background-image: url(barradireita.jpg);
	width:106px;
	height:504px;
	position:relative;
	float:right;
}
#rodape {
	background-image: url(rodape.jpg);
	width:1000px;
	height:109px;
	position:relative;
	clear:both;
}