Problème avec les css

bonjour,

j'utilise prestashop comme site ecommerce et j'ai un serieux soucis

dans mon header en haut à droite j'ai 3 menus (bienvenue, mon compte, panier)

j'ai fait en sorte de les bouger de place.

j'ai 2 soucis.

mon lien : identifiez vous n'est plus cliquable et quand quelqu'un s'identifie le nom de la personne apparait très en bas. (ci joint une image). voici le fichier css ainsi que le tpl associé

j'espère que vous allez pouvoir m'aider car sur le forum de prestashop personne ne repond

merci encore

/* block top user information */

#header_right #header_user {
    color: #FFFFFF;
    height: 30px;
    float: left;
    line-height: 4em;
    margin-left: 461px;
    margin-top: -115px;
    text-align: right;
    width: 400px;
}
#header_user p {
    color: #FFFFFF;
    position:relative;
    right:233px;
}
#header_user span {
    font-weight: bold;
    position:relative;
    right:140px;
    top: 91px;
}
#header_user ul {
    margin-top: 0.3em
}
#header_user li {
    float: right;
    margin-left: 0.5em;
    white-space: nowrap;
    position:relative;
    top: -51px;
}
#header_user #shopping_cart, #header_user #your_account {
    font-size: 0.9em
}
#header_user li#your_account {
    margin-left: 0
}
#header_user #shopping_cart a, #header_user #your_account a {
    background-repeat: no-repeat;
    background-position: top left;
    padding: 2px 0 4px 26px;
    height: 20px;
    text-decoration: none
}
#header_user #shopping_cart a {
    background-image: url("../img/panier.png");
    padding-bottom: 3em;
    padding-left: 3.2em;
    padding-top: 1em;
    position:relative;
    top:91px;
    right:151px;
}
#header_user #your_account a {
     background-image: none;
    float: right;
    padding-left: 4em;
    padding-top: 4em;
    position: absolute;
    
}

le tpl

<!-- Block user information module HEADER -->
<div id="header_user">
	<p id="header_user_info">
		{l s='Welcome' mod='blockuserinfo'},
		{if $logged}
			<span>{$customerName}</span> (<a href="{$base_dir}index.php?mylogout" title="{l s='Log me out' mod='blockuserinfo'}">{l s='Log out' mod='blockuserinfo'}</a>)
		{else}
			<a href="{$base_dir_ssl}order.php">{l s='Log in' mod='blockuserinfo'}</a>
		{/if}
	</p>
	<ul id="header_nav">
    
		<li id="shopping_cart">
			<a href="{$base_dir_ssl}order.php" title="{l s='Your Shopping Cart' mod='blockuserinfo'}">{l s='Cart:' mod='blockuserinfo'}</a>
			<span class="ajax_cart_quantity{if $cart_qties == 0} hidden{/if}">{$cart_qties}</span>
			<span class="ajax_cart_product_txt{if $cart_qties != 1} hidden{/if}">{l s='product' mod='blockuserinfo'}</span>
			<span class="ajax_cart_product_txt_s{if $cart_qties < 2} hidden{/if}">{l s='products' mod='blockuserinfo'}</span>
			{if $cart_qties > 0}
				<span class="ajax_cart_total{if $cart_qties == 0} hidden{/if}">
					{if $priceDisplay == 1}
						{convertPrice price=$cart->getOrderTotal(false, 4)}
					{else}
						{convertPrice price=$cart->getOrderTotal(true, 4)}
					{/if}
				</span>
			{/if}
			<span class="ajax_cart_no_product{if $cart_qties > 0} hidden{/if}">{l s='(empty)' mod='blockuserinfo'}</span>
		</li>
		<li id="your_"><a href="{$base_dir_ssl}my-account.php" title="{l s='Your Account' mod='blockuserinfo'}">{l s='Your Account' mod='blockuserinfo'}</a></li>
	</ul>
</div>
<!-- /Block user information module HEADER -->

bonsoir,

j'ai reglé une grosse partie du problème.

voici mon site : eurodeal4u.Fr

mon gros dernier soucis c'est que mon menu identifiez vous n'est pas cliquable alors qu'avant oui
pour le rendre cliquable il faut que je modifie ce code css :

#header_right #header_user {
    color: #FFFFFF;
    line-height: 4em; (je remplace cette ligne par 3em)
    text-align: right;
}

en modifiant cette ligne j'ai 'votre compte" qui monte trop haut.

comment faire pour rendre à nouveau ce menu "identifiez vous" cliquable ?