Como manejar la posición de un objeto en la web

[Fredi]

Hola a todos!

Estoy maqueando la tienda y necesito mover el cajetin donde se selecciona el idioma, se encuentra en el div "countries"

 

Utilizando el Firebug en el html me aparece esto:

 

<div id="countries" class="">

<p class="selected_language">

<img width="16" height="11" alt="es" src="http://naturpes.com/img/l/3.jpg">

</p>

<ul id="first-languages" class="countries_ul">

<li style="opacity: 0.3;">

<a title="Français (French)" href="http://naturpes.com/Index.php?&id_lang=2">

<img width="16" height="11" alt="fr" src="http://naturpes.com/img/l/2.jpg">

</a>

</li>

<li class="selected_language">

<img width="16" height="11" alt="es" src="http://naturpes.com/img/l/3.jpg">

</li>

<li style="opacity: 0.3;">

<a title="Portuguese" href="http://naturpes.com/Index.php?&id_lang=6">

<img width="16" height="11" alt="pt" src="http://naturpes.com/img/l/6.jpg">

</a>

</li>

</ul>

</div>

</div>

 

Y en el CSS me aprece lo siguiente:

 

#header_right #languages_block_top {

background: none repeat scroll 0 0 #000000;

border-bottom-left-radius: 3px;

border-bottom-right-radius: 3px;

float: right;

margin: 0;

padding: 2px 6px 1px;

}

#header_right #languages_block_top p {

background: url("../../../img/block_languages_top_p_bg.png") no-repeat scroll right 1px transparent;

clear: left;

color: #CCCCCC;

font: 11px Arial,Verdana,sans-serif;

padding-right: 20px;

text-align: right;

}

#languages_block_top ul#first-languages li {

float: left;

margin-right: 3px;

}

#languages_block_top ul#first-languages li.selected_language {

float: left;

}

#countries {

cursor: pointer;

position: relative;

top: 1px;

}

#countries p {

padding: 0;

position: relative;

top: 0;

}

#countries p img {

padding-left: 5px;

}

#countries .countries_ul {

display: none;

list-style-type: none;

padding: 10px;

z-index: 10000;

}

#countries .countries_ul_hover {

background: none repeat scroll 0 0 #000000;

display: block;

height: auto;

padding: 5px 10px;

position: absolute;

right: 6px;

width: 20px;

z-index: 5000;

}

 

La questión es que he estado toqueteandolo todo, pero no consigo hacer que se mueva hacia donde yo quiero.

 

Saludos