Link in div doesn't word

[barbarisk]

Hi,

 

In my PrestaShop website, I try to create a menu from A to Z (because the default left menu is so dificult to customize). So I've created a div which contain a list (text) with my categories.

 

But my links don't work. Or just one: the last one works. I don't understand why, because the 6 others are built with the same way.

 

Someone knows a solution?

 

Thanks a lot (and sorry for my bad english)!

 

You can see the bug at this address (only the link "basses" works): http://dans-mon-monde.com/PrestaShop/

 

________________________________________________

CODE OF MY DIV (in header.tpl):

<div id="categoriesDMM">
				  <p><br /><span class="menuDMM">les sculptures lumineuses...</span></p>

				  <ul> <span class="sousmenuDMM">...suspendues</span>			
			<li><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=7"  title="">3 branches</a></span></ li>
			<li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=8"  title="">5 branches</a></span></ li>
			<li class="last"><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=9"  title="">+ de branches</a></span></ li>							
				  </ul>

				  <ul><span class="sousmenuDMM">...murales</span>
			<li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=11"  title="">1 branche</a></span></ li>
			<li class="last"><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=12"  title="">2 branches</a></span></ li>				
				  </ul>

				  <ul><span class="sousmenuDMM">...sur pied</span>
			<li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=14"  title="">hautes</a></span></ li>
			<li class="last"><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=15"  title="">basses</a></span></li>				
				  </ul>
		<br />
</div>

 

________________________________________________

CSS OF MY DIV (in global.css):

#categoriesDMM {
position:absolute;
width: 210px;
background-color:#333333;
background-image:url(../../../../images/formes.jpg);
background-repeat:no-repeat;
margin-left:-215px;
}

.menuDMM {
color:#f51655;
font-size:12px;
font-weight:bold;
padding:3px;
}
.sousmenuDMM {
color:#f51655;
font-size:12px;
font-weight:bold;
padding:30px;
line-height:2.0;
}
.sousousmenuDMM {
color:#ff3188;
font-size:9px;
padding:60px;
}
.sousousmenuDMM a:link {
color: #ff3188;
text-decoration:none;
}
.sousousmenuDMM a:visited {
color: #ff3188;
text-decoration:none;
}
.sousousmenuDMM a:hover {
color: #ffffff;
text-decoration:none;
}
.sousousmenuDMM a:active {
color: #ff3188;
text-decoration:none;
}
ul {
list-style-type: none;
}

Edited August 20, 2013 by barbarisk (see edit history)

[barbarisk]

Finally, I've understood that it's not a CSS problem, but there is an invisible div which freeze my links.

 

I explain: I've seen that a word can be clickable on some letters, and un-clickable on others... My code is correct. So I deduce that an invisible div freeze the links which are below. But I don't find it.

 

Someone has a solution?

 

Thanks...

 

PS: you can see at this address, at the bottom left, that the link "paiement sécurisé" is clickable only on the last letters of the word "sécurisé"): http://dans-mon-monde.com/PrestaShop/

[vekia]

duplicated: http://www.prestashop.com/forums/topic/269082-invisible-zone-which-freeze-my-links/page__p__1345745?do=findComment&comment=1345745