No replies
Last seen: 13 years 7 weeks ago
Joined: 2008-07-14
Posts: 4
Points: 0


Below is the CSS I currently have for my menu but I wish to add a drop down menu for Products which will contain a second level menu ie. under products it will have Baby Travel and Baby Education. No more menus leading off of those secondary ones.

My site is

I have looked at various tutorials but all the CSS seems to be split down further than what I already have and as I don't understand how each part of the code works, I'm having trouble matching up the CSS.

I wish to use the background images for the second menu but repeat downwards.

#header #header-menu {
		position: absolute;
		top: 210px;
		right: 13px;
		height: 44px;
	#header #header-menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 44px;
	#header #header-menu ul li {
		float: left;
		width: 100px;
		height: 44px;
		margin-right: 8px;
		font: bold 12px/32px "Georgia", Georgia;
		color: #ffffff;
		text-align: center;
		background: url("images/header_menu.gif") no-repeat;
	#header #header-menu ul li a {
		color: #ffffff;
		height: 44px;
		text-decoration: none;
		display: block;
	#header #header-menu ul li a:hover {
		color: #ffffff;
		background: url("images/header_menu_hover.gif") no-repeat;

I would appreciate your help.