sprett-ut meny, et par problemer med hovering

[Crossfire]

Hei, jeg har en side hvor det nederst skal være en liten linje med diverse statisk info. Til venstre navn tlf nr og så videre. Til høyre en liten sprett-ut info når man hovrer over en liten markør "<". Dette virker, men det oppstår to problemer.

 

1.

I Opera spretter texten som er skjult opp ikke bare når man hovrer over markøren, men når man hovrer over den skjulte texten også.

I explorer (versjon 7 ihvertfall) spretter den bare opp når man hovrer over markøren (som er slik jeg vil ha det).

 

2.

Jeg vil gjerne ha linker over noe i sprett-ut infoen, men da virker ikke sprett-ut funksjonaliteten. Feks noe som

<a href='http://validator.w3.org/check?uri=referer'>
							Valid XHTML 1.0 Strict
						</a>

Så fort jeg putter flere tager inne i span liker hover funksjonen seg dårlig.

Noen måte å løse dette på uten å bruke javascript og det som værre er?

 

 

<div id="bottom">
			<p id="company">
				MY COMPANY
			</p>
			<p id="techinfo">
				<a>
					<
					<span>
						Technical:
						<!--<a href='http://validator.w3.org/check?uri=referer'>
							Valid XHTML 1.0 Strict
						</a>
						   
						<a href='http://jigsaw.w3.org/css-validator/'>
							Valid CSS
						</a>-->
						   
						Valid XHTML 1.0 Strict
						   
						Valid CSS
					</span>
				</a>
			</p>
		</div> <!-- end div #bottom -->

 

div#bottom {
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
height: 14px;
line-height: 13px;
background-color: #d7d7d7;
}

div#bottom p {
font-size: 9px;
font-weight: bold;
color: #a0a0a0;
}

p#company {
float: left;
}

p#techinfo {
float:right;
}

p#techinfo a {
text-decoration: none;
color: #a0a0a0;
}

p#techinfo a span {
position:absolute;
visibility: hidden;
right:0px;
}

p#techinfo a:hover span {
position:relative;
visibility: visible;
}