[resolved] FF and IE misery - again

[Ecniv]

Hi,

Attached piccy is the two screens...

In IE
- the list items are adding (unwanted) space again
- the document doesn't appear to flow under the menu - poss 'cause of the picture only on this page - although in ff it does



(Huge) Css pasted below...

/*
---- D E F A U L T ----
*/
body {
	color: #000;
	background:#fff;
	margin:0;
	padding:0;
	font-family: sans-serif;

	scrollbar-face-color:#Fff;
	scrollbar-arrow-color:rgb(181,215,246);
	scrollbar-track-color:#fff;
	scrollbar-shadow-color:#666;
	scrollbar-highlight-color:#ddd;
	scrollbar-3dlight-color:#eee;
	scrollbar-darkshadow-Color:#333;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #666;
}


/*
---- M E N U   B I T S  N  B O B S ----
*/
#mnuarea {
	color: #000;
	width: 140px;
	margin: 0 48px 0 0;
	float: left;
	border: solid 0px #f00;
}
#mnutop {
	width:140px;
	background: url(./pics/mnutop01.jpg) 0 0 no-repeat;
	height: 32px;
	border: solid 0px #FF0;
}
#mnubot {
	width:140px;
	background: url(./pics/mnubot01.jpg) 0 0 no-repeat;
	height: 32px;
	border: solid 0px #FF0;
}
#menu {
	color: #000;
	background: rgb(181,215,246) url(./pics/menu01.jpg) 100% 0% repeat-y;
	text-align: center;
	font-variant: small-caps;
	font-size: 70%;
	padding: 0;
	border: solid 0px #000;
}
#menu ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	border: solid 0px #000;
}
#menu ul li {
	margin: 0 0 0 8px;
	padding: 0;
/*	width: 80%;*/
	border: solid 1px #000;
}
#menu .title {
/* 	text-decoration: underline; */
	text-align: left;
	text-indent: 1em;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 120%;
	margin: 1em 24px 0 16px;
	border: solid 1px #222;
	border-width: 0 0 1px 0;

}
#menu a {
	color: #444;
	text-decoration: none;
}
#menu a:hover {
	color: #777;
	background: #448;
}

/* -- Title / Logo -- */
#logo {
	color: #000;
	background: url(./pics/alain2.jpg) 50% 50% no-repeat;
	top: 5px;
	left: 140px;
	width: 100%;
	height: 64px;
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	display: block;
}

/*
---- D I S P L A Y   A R E A ----
I want this to flow under the left menu if poss...
*/
#display {
	color: #000;
	background: #fff url(./pics/fundo.gif);
	width: 100%;
	text-align: center;
	border: solid 1px #0f0;
}
#display .datedone {
	text-align: right;
	padding: 0 2em 0 0;
	font-size: .6em;
}

/*
---- C O P Y R I G H T ----
*/
#crarea {
	width: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #00f;
}
#crarea #crl {
	width: 364px;
 	background: url(./crl.gif) 0 0 no-repeat;
	border: solid 1px #f0f;
}
#crarea #crr {
	width: 364px;
	margin-left: 32px;
	background: url(./crr.gif) 332px 0 no-repeat;
	border: solid 1px #55f;
}
#crarea #copyright {
	color:#fff;
	background: #06a;
	width:332px;
	margin-right: 32px;
	font-variant: small-caps;
	font-size:.75em;
	text-align: center;
	border: solid 1px #00f;
}



/*
---- Classes
*/
.iefixcenter { text-align: center; }
.bigspc { height: 64px; }
.medspc { height: 32px; }
.smlspc { height: 16px; }
.subtitle { font-weight: bold; text-decoration: underline; }

Any advice welcome...

Vince