Arggghhh...can someone help me with this ul layout...

[RIRedinPA]

I can't get it to work...

 

HTML:

<div id="header">
		<ul>
			<li>
			<p class="headertitle">Time Sheet Manager</p>
			<p>
				<ul>
					<li>Item 1</li>
					<li>Item 2</li>
					<li>Item 3</li>
				</ul>
			</p>
			<p>User Links</p>
			</li>
		</ul>
	</div>

 

What I need:

 

                                  Item 1    User Link 1

                                  Item 2    User Link 2

Time Sheet Manager  Item 3    User Link 3

 

What I keep getting:

 

Time Sheet Manager

Item 1

Item 2

Item 3

 

CSS:

 

#header {
	background-image: url(../images/bgHeader.png);
	background-repeat: repeat-x;
	color: #5CADFF;  
	height: 75px;
	margin: 0;
	padding: 0;
	width: 100%;
}

	#header ul {
		height: 75px; 
		margin: 0 0 0 40px;
		padding: 0;
	}

	#header li {
		display: inline;
		height: 75px;
		list-style-type: none;
	}

	#header p {
		font-size: 1em;
	}

	#header p.headertitle { 
		font-size: 2em;
		margin: 30px 10px 0 0;
	}

 

I've played with a bunch of variations on this with no luck. Thanks.

[RIRedinPA]

Nevermind...apparently we are going to go with a new design...f'in designers... 

[cssfreakie]

lol, mark it solved dude if you wish to know how to do the ul thing let me know i like to puzzle