[Ovillo] Problemas estructurando

[Jonas Urbano]

Buenas,

estoy maquetando y estructurando una web y me ocurre lo siguiente:

a la etiqueta BODY le aplico text-align:center; con IE funciona pero
en FF me sitúa los DIVS en la esquina superior.

las barras de scrool no se ven estilizadas en FF.

un DIV llamado CONTENIDO "contiene" valga la redundancia, otros DIVS
como NOTICIA, ENLACES, y además otro llamado LATERAL a modo de menú a
su derecha. Mi proposito es que quede dentro de CONTENIDO a la derecha
LATERAL y a la izquierda NOTICIAs, ENLACES sin que se solapen con
LATERAL y que LATERAL a la vez que bajo la barra hasat el final de
CONTENIDO, LATERAL vaya arriba, no se quede estático como si fuese un
DIV superpuesto.


Muchas gracias por la ayuda que espero recibir.
Un saludo.

--------------------------------------------------
CSSs:

.CONTENIDO { width:603px;
				height:480px;
				background-color:#ffffff;
				overflow:scroll;
				overflow-x:hidden;
				scrollbar-face-color:#fe9017;
				scrollbar-highlight-color:#fff;
				scrollbar-3dlight-color:#ccc;
				scrollbar-darkshadow-color:#ccc;
				scrollbar-shadow-color:#fff;
				scrollbar-arrow-color:#ffffff;
				scrollbar-track-color:#e8e8e8;
				border-top:dashed 1px #fe9017; }

.NOTICIA { width:400px;
			text-align:left;
			margin-left:15px;
			/*margin-right:15px;*/
			padding-bottom:5px;
			margin-top:10px;
			border-bottom:dashed 1px #CCC;
			margin-bottom:10px;
			float:left; }

.ENLACES { width:548px;
			text-align:left;
			color:#666;
			font-size:10px;
			border-top:dashed 1px #fe9017;
			position:static;
			margin-right:15px;
			margin-left:40px;
			margin-top:10px; }

.LATERAL { width:178px;
		margin-left:5px;
		margin-top:10px;
		margin-right:5px;
		border-left:dashed 1px #FE9017;
		color:#666;
		font-size:10px;
		float:right;
		position:relative;
		text-align:left;
		padding-left:10px; }