css/jquery drop down

[maliciousa]

Hey guys, I'm doing a web page for my wife and I'm having a problem getting a css/jquery drop down menu to display properly. On my page, when you hover over the menu, it's displaying the sub menu navigation links in what looks like an inline fashion. I've tried putting "display:block;" in but I can't seem to get it to work. This is the first CSS menu I've actually tried and I'm probably missing something really obvious.The URL is http://home.comcast.net/~abcarianja/index.html which is just for testing. I'd appreciate someone taking a look and pointing out what I'm missing. It's been driving me crazy!!! Thanks! Oh, and the menu doesn't work at all in IE7, but that's not the point of this post. 1 step at a time..

[lastlifelost]

Without looking at it too closely, I'd suggest this:

.nav li ul{	display:block;	float:left;	text-align:left;		[i]width:100px[/i]}

This should force each item to drop to a new line rather than stacking. You could also try removing the float the sub-menu li items.

[maliciousa]

Without looking at it too closely, I'd suggest this:

.nav li ul{	display:block;	float:left;	text-align:left;		[i]width:100px[/i]}

This should force each item to drop to a new line rather than stacking. You could also try removing the float the sub-menu li items.

"width:" did the trick. I can't believe I didn't think of that. I appreciate your help.