Заморочка С Стилем

[FreeWay]

Всем привет!!!
Ребята подскажите как правильно сделать ссылку-картинку.

Вот часть кода с файла стилей:

/* Menu */

#menu {
width: 720px;
height: 50px;
margin: 0 auto;
padding: 0px 30px;
}

#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
background: url(/images/img05.jpg) no-repeat right top; 
}

#menu a {
height: 35px;
display: block;
float: left;
margin: 0px 20px 0px 10px;
background: url(/images/img06.gif) no-repeat right 21px;
padding: 15px 25px 0px 10px;
text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #4B4B4B;
border: none;
}

#menu a:hover, #menu .current_page_item a {
text-decoration: none;
}

#menu .current_page_item a {
font-weight: bold;
}

#menu .first a {
padding-left: 0px;
}


#Language {
/*width: 980px;
height: 174px;
margin: 0 auto; top  */ 
float: right;
background: url(/images/2.png) no-repeat right;
}

Стиль Language добавил я. Хочу чтобы в конце полоски меню, была ссылка картинка на смену языка

в хтмл это:

<div id="header">
<div id="logo">
<h1><a href="#">Limited Liability Company «Magistral-South»</a></h1>

<p> One of the leading experts in the field of ship repair in Ukraine</p>
</div>
<div id="menu">
<ul id="cssmenu">
<li class="first current_page_item"><a href="http://localhost:47248/">Main</a></li>					 
<li><a href="http://localhost:47248/Home/Shiprepairservices/">Shiprepair services</a></li>
<li><a href="http://localhost:47248/Home/Supply/">Supply</a></li>					  
<li><a href="http://localhost:47248/Home/Crewing/">Crewing</a></li>
<li><a href="http://localhost:47248/Home/Contacts/">Contacts</a></li>			  
</ul>


</div>

<div id="Language"> <a href="http://localhost:47248/Home/Contacts/" <img src="/images/img08.jpg" width="20" height="20" alt=""/> >RU</a> </div>

</div>

<div id="Language"> <a href="http://localhost:47248/Home/Contacts/" <img src="/images/img08.jpg" width="20" height="20" alt=""/> >RU</a> </div>

пробовал самые разные варианты с этой строкой, и в разных позициях, но всегда не тот вариант, вот скрин:

 

[-master-]

Вставте его перед menu.

 

[FreeWay]

Вставте его перед menu.

блин действительно... так уже лучше, но теперь картинка прижата вверх в право, а все менюшки съехали ниже... почему, ведь изображение плавающее? - float: right

 

[-master-]

меню дайте float:left

 

[FreeWay]

меню дайте float:left

добавил в

#menu {
width: 720px;
height: 50px;
margin: 0 auto;
padding: 0px 30px;
float: left;
}

то же самое...

и еще почему при манипулировании параметром - margin: 25px 5px 5px 700px; - с разными параметрами

положение ссылки-картинки остается неизменным. Когда смотрю через фаербаг... то как-будто стиль перекрывается другим стилем... либо я чего-то не понимаю

 

[-master-]

Вы соберите файлик, и киньте сюда, а то так сложно что-то говорить.

 

[FreeWay]

Вы соберите файлик, и киньте сюда, а то так сложно что-то говорить.

окей, спасибо... собрать это вы в точку... а то он на асп мвс )))))

 

[FreeWay]

вот

 

[-master-]

Все правильно, делайте как я сказал, див этот перед меню, а далее уже стилями выгоняйте под то как надо.

 

[FreeWay]

спасибо, теперь отлично, оказывается нужно было еще выше взять....