Normal view ok...preview not as should be....

[Yogi39]

Downloaded a template along with the css for it.
I used Frontpage to edit...
In mormal view my pics are ok and so is the layout. In preview I dont see the pics. If I test in Brwser it's fine in NS7.02 but same view in IE as the FP preview.
Can anyone help with this ?

style.css
body { 	background:white url('background.jpg') no-repeat fixed left bottom; color : black;
	 }

h1.title  {	font-size : xx-large;
		text-align : center; }

.menu {	text-align : center;
	background-image : url('bluefilter.gif');
	border : thin solid;
	font-weight : bold }

.menu a	{color : black;
	 background-color : inherit; }

.menu a:hover {	color : rgb(255,64,64);
		background-color : rgb(230,230,250); }


.menu strong {	font-size : large; }

.other {text-align : center;
	background-image : url('orangefilter.gif');
	border : thin solid;
	background-color : inherit;
	color : black;
	font-weight : bold }

.contentText {	color : black;
		background-color : white;
		border : thin solid; }

.footer	{ background-color : inherit;
	  color : rgb(102,102,198); }

.ahem {	display : none;	}

sreenlaout.css
.title	{ margin-top : 0.5em;
	  width : 98%;
	  margin-left : auto;
	  margin-right: auto;
	  padding: 5px;
	  z-index : 0; }

.sidebar{ position : absolute;
	  top : 5em;
	  left : 1%;
	  width : 10em;
	  z-index : 1;
	  padding : 0em; }
.menu{ 	padding : 0.5em;
	margin-bottom : 0.5em; }

.menu a {display : block;}
.menu .delimiter {display : none;}

.other{	padding :0.5em;
	margin-top : 0.5em; }

.contentText {	margin-left : 12em;
		padding : 1em;
		margin-right : 1em; }

.ahem {display : none}