Is there word spacing or something like that? Or do I have to create a separate div for each link? I tried using inline with a line item but IE ignores it so I'm going straight text.
HTML:
Code:
<div id="topnav">
	<div style="padding: 16px 0 0 20px">
	<img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0">&nbsp;&nbsp;<a href="index.html">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;
	<img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0">&nbsp;&nbsp;<a href="bog/index.php">Blog</a>&nbsp;&nbsp;&nbsp;&nbsp;
	<img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0">&nbsp;&nbsp;<a href="bio.html">Bio</a>&nbsp;&nbsp;&nbsp;&nbsp;
	<img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0">&nbsp;&nbsp;<a href="links.html">Links</a>&nbsp;&nbsp;&nbsp;&nbsp;
	<img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0">&nbsp;&nbsp;<a href="contact.html">Contact</a></div>
	</div>
CSS:
Code:
#topnav {
	font-family: Times, Arial, Helvetica, sans-serif;
	position:absolute;
	left:299px;
	top:0px;
	width:471px;
	height:64px;
	background-image: url(images/topnav.jpg);
}

#topnav a:link, #topnav a:visited, #topnav a:active {
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

#topnav a:hover {
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	text-decoration: none;
	background-color: #D9DAFF;
}
/*----- THIS DIDN'T WORK ------ */
#topnav ul { 
	padding: 10px 20px 0 0; 
	display: inline;
}

#topnav li {
	padding: 10px 0px 0px 10px; 
	list-style-type: none; 
	display: inline;
}
Thanks very much for your help!