CSS is driving me nuts..

[elum.chaitu]

Been at this one for so long that I'm not seeing the wood for the trees. You know what it's like...

 

Anyway, here's the problem... I've got a nested list on my site navigation. The parent list font size is set to 1.2em (12px). I want the sub-list to be 1em (10px). The code, I thought, should look something like this:

Code:

#sitenav ul li ul li{font-size:1em;}

I've tried every combination I can think of and just can't get the font to the size I want! Could someone please put me out of my misery?!?!

 

And yes, I am embarrassed to be asking such an easy question!

 

[jacko310592]

as long as the font-size for "#sitenav ul li" is set before "#sitenav ul li ul li" that css would be correct for a nav set out something like this:

 

<div id="sitenav">
<ul>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
	<li>Item 4
		<ul>
			<li>SubMenu Item 1</li>
			<li>SubMenu Item 2</li>
			<li>SubMenu Item 3</li>
		</ul>
	</li>
</ul>
</div>

 

...does this html resemble your code?... if not can you post your html please