Widening some UL-tabs [RESOLVED]

Hi

I've got a navigation list made of LIs:

http://www.sunion.warwick.ac.uk/fencing/dev/

Which would look nice if they were all a standard width. I'm wondering how I'd define a width for them.

I first tried the width: rule, to no avail (just ignored). Then I tried something that resembled a table (display: table; , display:table-row;, display: table-cell;), but that failed to render in MSIE (IE seems to get display:inline but that's about it :/).

So, any ideas?

HTML Block:

<div id="navigationpane" >
	<ul>
		<li>
			<a href="/" title="What's going on in the club?">News</a>
		</li>
		<li>
			<a href="/" title="What's the club all about?">About</a>
		</li>
		<li class="selected">
			<a href="/" title="Who supposedly runs this club?">Exec</a>
		</li>
		<li>
			<a href="/" title="What competitions is the club doing?">Competitons</a>
		</li>
	</ul>
</div>

CSS Block:

div#navigationpane
			{
			width: 80%;
			margin: 0 auto;
			padding-left: 3%;
			padding-right: 3%;
			padding-top: 5px;
			padding-bottom: 10px;
			text-align: left;

			border: 1px solid #434C50;
			border-bottom:none;
			background: #CCD1CB;
			}
			
div#navigationpane ul
			{
			margin: 0px;
			padding: 0px;
			display: inline;
			}
			
div#navigationpane li
			{
			margin-right: 10px;
			padding: 5px;
			border: 1px solid #434C50;
			border-top: none;
			display: inline;
			}
			
div#navigationpane a
			{
			font-weight: bold;
			text-decoration: none;
			}