plm with more than two css unordered list

[ardia]

hello there, my issue is at my homepage at http://www.ardia.org/greensoda02.htm

im sorta stuck here based on http://alistapart.com/articles/imagegallery article.

i am duplicating the idea into my portfolio and cannot seem to get my screenshot boxes (numbers) to be attached to CSS. Does this seem right?

/*for portfolio menu*/

.gallery ul {
		margin: 0;
		}
	
.gallery ul li {
		position: relative;
		}

.gallery ul li a {
		display: block;
		padding: 7px;
		border: 1px solid #ccc;
		color: #000099;
		background: #00FF66;;
		border: 1px solid #D70000;
		border-bottom: 0;
		font-weight: bold;
	}
	
.gallery ul li a:hover{
	color: #660000;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html .gallery ul li { float: left; }
* html .gallery ul li a { height: 1%; }
/* End */

Somehow these screenshots seem to be still linked to the ardia's menu tree (up below), not to gallery CSS (second one) directly.

My full CSS file is at http://www.ardia.org/styles.css, if necessary to view.

Can anyone help or give me advice on how to fix this?

Thanks!

[ljm]

Your HTML is wrong. Instead of having [minicode]<ul class='gallery'>[/minicode], do this:

<div class='gallery'>
<ul>
..
</ul>
</div>

Your CSS states that the list will only be styled if it's in a container with the class 'gallery'.

[ardia]

wow, thanks! that worked.

now i am having plms tyring to make the numbered boxes hortionzal instead of dropping down.

hmmpt :dead:

[ardia]

i got it, by adding

" display: inline; " to every UL listing in there.

thanks!