Modificación Header_nav

[pabloledesma]

Buenos Días a todos

 

Estoy modificando la estructura de mi tienda y me gustaría que la posición del div de navegación fuera como la imagen adjunta.

Lo que he hecho hasta ahora es lo siguiente:

El header.tpl original:

 

{/if}

</span>

<span class="ajax_cart_no_product{if $cart_qties > 0} hidden{/if}">{l s='(empty)' mod='blockuserinfo'}</span>

</a>

</li>

{/if}

<li id="your_account"><a href="{$link->getPageLink('my-account', true)}" title="{l s='View my customer account' mod='blockuserinfo'}" rel="nofollow">{l s='Your Account' mod='blockuserinfo'}</a></li>

</ul>

<p id="header_user_info">

{l s='Welcome' mod='blockuserinfo'}

{if $logged}

<a href="{$link->getPageLink('my-account', true)}" title="{l s='View my customer account' mod='blockuserinfo'}" class="account" rel="nofollow"><span>{$cookie->customer_firstname} {$cookie->customer_lastname}</span></a>

<a href="{$link->getPageLink('index', true, NULL, "mylogout")}" title="{l s='Log me out' mod='blockuserinfo'}" class="logout" rel="nofollow">{l s='Log out' mod='blockuserinfo'}</a>

{else}

<a href="{$link->getPageLink('my-account', true)}" title="{l s='Login to your customer account' mod='blockuserinfo'}" class="login" rel="nofollow">{l s='Login' mod='blockuserinfo'}</a>

{/if}

</p>

</div>

<!-- /Block user information module HEADER -->

 

y lo dejé así:

 

 

</span>

<span class="ajax_cart_no_product{if $cart_qties > 0} hidden{/if}">{l s='(empty)' mod='blockuserinfo'}</span>

</a>

</li>

{/if}

<li id="your_account"><a href="{$link->getPageLink('my-account', true)}" title="{l s='View my customer account' mod='blockuserinfo'}" rel="nofollow">{l s='Your Account' mod='blockuserinfo'}</a></li>

<li id="header_user_info">

{l s='Welcome' mod='blockuserinfo'}

{if $logged}

<a href="{$link->getPageLink('my-account', true)}" title="{l s='View my customer account' mod='blockuserinfo'}" class="account" rel="nofollow"><span>{$cookie->customer_firstname} {$cookie->customer_lastname}</span></a>

<a href="{$link->getPageLink('index', true, NULL, "mylogout")}" title="{l s='Log me out' mod='blockuserinfo'}" class="logout" rel="nofollow">{l s='Log out' mod='blockuserinfo'}</a>

{else}

<a href="{$link->getPageLink('my-account', true)}" title="{l s='Login to your customer account' mod='blockuserinfo'}" class="login" rel="nofollow">{l s='Login' mod='blockuserinfo'}</a>

{/if}

</li>

</ul>

 

</div>

<!-- /Block user information module HEADER -->

 

En el blockuserinfo.css tengo esto:

 

 

#header_right #header_user {

float: right;

margin-top:30px;

background: #eee;

width: 450px;

height: 70px;

}

 

#header_user #header_nav {

list-style-type:none;

float:right;

display: inline;

}

 

De antemano les agradezco su valiosa ayuda