помготе немного в css коде

[winsofts]

сайт p-shup.ru в меню, при просмотре в опере при 80% или с низкими разрешениями экрана, так же на телефоне стрелка около меню съезжает вниз, что нужно сделать? вот мой пример:

#parent0 > .menu_head { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://p-shup.ru/design/pathos/images/toggle.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: auto;
cursor: pointer;
display: block;
float: right;
font-weight: 700;
height: 30px;
position: relative;
width: 33px;
 }

и вот ещё, то же при этих же разрешениях сдвигается вход вниз (в корзине)
и текст новостей вылазиет за границу.

вход:

.cartinfo_login { 
margin-bottom: 0px;
margin-left: 70px;
margin-right: 0px;
margin-top: 60px;
position: absolute;

и текст новостей:

.newsdot { 
border-bottom-color: #808080;
border-bottom-style: dotted;
border-bottom-width: 1px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
margin-top: 3px;
 }

спасибо огромное за помощь кто откликнется!

 

[bork75]

Проблемы не увидел, но по-идеи нужно определить ширину для
#catalog_menu {width:200px}

 

[Anfi]

Поиграй с размерами менюшки, стрелки и тд. Так же попробуй стиль .menu_head укажи немного в другом месте пример:
<tr>
<td class="menu_head">tra-la-la</td>
</tr>
Вынеси .menu_head внутрь <td><img class="menu_head" ....../></td>
Но сперва с размерами поиграй.