Float - ссылка на сайт

Question

У меня есть div на моем веб-сайте, в котором есть классы классов. Одна из них предназначена для связи mailto: link, однако, похоже, что, поскольку div перемещается вправо, ссылка не работает. Если я удалю поплавок, все будет работать так, как должно.

HTML:

<div class="topMenu"> 
<div class="contactInfo"> 
    <span class="topMenuSpan">call us:</span><span class="topMenuInfo"> 01892 704 201</span> &nbsp; &nbsp; &nbsp; &nbsp; 
<span class="topMenuSpan"><a href="http://www.google.com">email us:</a></span> 
<span class="topMenuInfo">info@doyouknowbonobo.co.uk</span></div></a> 
</div> 

И CSS:

.topMenu{ 
height:36px; 
background:#000; 
font-family: adelle-sans; 
font-weight:600; 
font-size:15px; 
color:#fff; 
text-align:right; 
float:right; 
position:relative; 
right:5.7%; 
width:612px; 
} 

.topMenuSpan{ 
color:#ffdc31; 
cursor:pointer; 
} 

.topMenuInfo{ 
color:#fff; 
cursor:pointer; 
} 

.topMenu .contactInfo{ 
cursor:pointer; 
position:relative; 
right: 15%; 
top: 5px; 
} 

.topMenuSpan:hover{ 
color:#fff; 
-o-transition:.5s; 
-ms-transition:.5s; 
-moz-transition:.5s; 
-webkit-transition:.5s; 
transition:.5s; 
cursor:pointer; 
} 

.topMenuInfo:hover{ 
color:#ffdc33; 
-o-transition:.5s; 
-ms-transition:.5s; 
-moz-transition:.5s; 
-webkit-transition:.5s; 
transition:.5s; 
} 

Ссылка на сайт: http://scottadmin.co.uk/monkey/

Как я остановить поплавок разорвать связь?

Answer 1

Ссылка не нарушена - это просто не на переднем плане. Попробуйте добавить:

.topMenu{ 
z-index:100; 
}