Anchors, Spans and hiding

You want to set the span style to:
clear:both;
to knock it below the menu. Assuming that's what you're after of course...

So here's the new css

.eTitle a {
	display: block;
	}
	
.eTitle a span {
	display: none;
	text-decoration: none;
	clear: both;
	}

.eTitle a:hover span {
	display: block;
	position: absolute;
	top: 250px;
	right: 10px;
	text-decoration: none;
	text-align: left;
	z-index: 100;
	
	}

.eTitle a:hover {
border: none;
}

And I can now see it in IE, but when I move the mouse away, the menu get's f*ed up.

Take a look http://www.stegelnet.net/Hillel/index.php?page=events

Hi Structure,
I've had a little play.

#content {
    margin: 10px 0px 0 0;	
    border:solid 1px red;   
    height:500px;
}

#content #menu {
	border: 1px solid #000; 	
	width:170px; 
	background-color: #99CCFF;
	margin:0px 0px 10px 10px;
	padding: 2px;
	text-align: right;   
        float:right;
	}

.eTitle a {
   display: block;  
   }
   
.eTitle a span {
   display: none;
   text-decoration: none;
   clear: both;
   }

.eTitle a:hover span {
   display: block;
   float:right;
   text-decoration: none;
   text-align: left;  
   }

This works for me in ie and netscape at the moment.
When the moment is over and you add more content, who knows what will happen. :roll:
You may be better off keeping the menu and content completely separate and using a little javaScript Dom combination to hide/show the information.

Thank you tony...with your help and others (here and @ devshed, etc). I got it to work...Thank you for being so helpful and respectful

Peace out!