Hi folks, I have a bit of a conundrum with the main nav bar for this mockup:

http://www.iraqtimeline.com/amy/amy.html

Take a look at it in different resolutions and you'll see the problem: it's all over the place. It displays close to the left margin in 800x600, almost centered in 1024x768, and shoved over to the right in 1280x1024. Ironically, I'd like it to display closer to what it does in the smallest display: left-aligned, with a small padding on the left to keep it off the left edge.

Here's the CSS for the navbar:

Code CSS:
#roundbar-blue {
	clear:left;
	float:left;
	width:100%;
	min-width: 700px;
	max-width: 1200px;
	background:#80c8ff url(../images/roundbar-blue.gif) 0 25% repeat;
	font-family: "Liberation Sans", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 90%;
	border-bottom:1px solid #49a9ff;
	overflow:hidden;
}
 
#roundbar-blue ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:89%;
	text-align:center;
}
 
#roundbar-blue ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:100%;
}
 
#roundbar-blue ul li.first {
	border-left:1px solid #49a9ff;
}
 
#roundbar-blue ul li.last {
	border-right:1px solid #99d8ff;
}
 
#roundbar-blue ul li a {
	display:block;
	margin:0;
	padding:.8em .8em;
	color:#29527a;
	text-decoration:none;
	border-left:1px solid #99d8ff;
	border-right:1px solid #49a9ff;
	line-height:1.3em;
}
 
#roundbar-blue ul li.active a,
#roundbar-blue ul li.focus a {
	background:url(../images/roundbar-blue.gif) 0 75% repeat;
	font-weight:bold;
}
 
#roundbar-blue ul li a:hover {
	background:url(../images/roundbar-blue.gif) 0 75% repeat;
	color: #FDF5E6;
	text-decoration: underline;
	top: 0;
}
 
#roundbar-blue ul li a span {
	display:block;
}

It's obvious that the problem centers around this line of code: left:89%; in the #roundbar-blue ul element, as well as right:100%; in the #roundbar-blue ul li element, but I'm not sure how to fix it, and I imagine other portions of the CSS may be affecting the alignment as well.

Any ideas? Thanks!