Forums

bboypkj

Hi guys,

I'm trying to make a drop down menu. It works fine in firefox, but in IE it doesn't work. The initial box i'm drawing doesn't seem to show up on IE. Any idea why?


	ul#nav li a.about {
		background: url(image/about_b.jpg) no-repeat bottom;
		width: 117px;
	}

		ul#nav li a.about:hover, ul#nav li a.about:active {
			background-position: top;
			width: 117px;
		}

	ul#nav li a.about item {
		width:117px; height:40px;
		filter: alpha(opacity=60);
		opacity:0.6;
		background: #000000;
		display: none;
		z-index:500;
	}

		ul#nav li a.about:hover item, ul#nav li a.aboutsub:active item {
			display:block;
			height:20px;
			position:relative;
			top:44px;
		}

The first part is for the regular roll over, and the second half is supposed to be for the drop down menu

daGUY

You're missing a period on "item" to define it as a class. It should be ".item". Trying fixing that and see what happens.

treehouse : what would you like to learn today?

Forums

Drop down menu compatibility with IE