Horizontal List and Color Issue in IE7

HTML & CSS
1

I am trying to create a simple webpage with a horizontal list as the navigation, but IE (at least IE7) isn’t accepting my horizontal list or my font colors. I’ve got it as inline, but it’s still not working. Works great in FF, Safari and Chrome.

The website is www DOT familylegacy2010 DOT com

Here is the applicable CSS and HTML:

#nav {
		position:relative;
		text-align:right;
		margin-right: 80px;
		margin-top:50px;
		list-style: none;
		}
#nav li {
		display:inline;
		}
#nav li a {
		padding-left: 25px;
		color:#ffffff;
		text-decoration: none;
		font-variant:small-caps;
		font-weight:bold;
		}
#nav li a:hover {
		color: #000000;
		text-decoration: underline;
		}

<div id="nav">
		<ul>
		<li><a href = "http://www.familylegacy2010.com/banquet.html">the banquet</a></li><li><a href = "http://www.familylegacy2010.com/table.html">reserve a table</a></li><li><a href = "http://www.familylegacy2010.com/zambia.html">about zambia</a></li><li><a href = "http://www.familylegacy2010.com/familylegacy.html">about us</a></li><li><a href = "http://www.legacymissions.org">legacymissions.org</a></li></ul></div>
2

Hi,
first you could try to give your document a document type declaration. And then close the script-tag without backslash.
Because at the moment the IE 8 doesn’t recognize your CSS.

Susanne

3

Hi, ignoring the fact you don’t have a doctype on your page (which will slightly screw up your simple page as of right now) the problem is the quotation mark you have at the end of the background rule. It’s making IE ignore the other rules :slight_smile:

body{
	margin:0px auto;
	font-size: 18px;
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	background: #536e8d url('images/background.jpg') no-repeat top center;[color=red]"[/color]
	color: #ffffff;
	}