Для расположения элементов в шапке у меня сейчас вот такой код:
Код:
/* block top user information */
#header #header_user {background:transparent;
width: 99%;
text-align: right;
clear: right;
margin: 160px 0.8em 0 0;
}
#header_user p {background:transparent; color: #ffcb08; }
#header_user span { font-weight: bold; background:transparent; color: #ffcb08;}
#header_user ul { margin-top: 0.3em; color: #ffcb08; }
#header_user li {color: #ffcb08; background:transparent;
float: right;
line-height: 2em;
margin-left: 0.5em;
white-space: nowrap;
}
#header_user #shopping_cart, #header_user #your_account {background:transparent; font-size: 0.9em; color: #ffcb08;}
#header_user #shopping_cart a, #header_user #your_account a {background:transparent; color: #ffcb08;
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/icon/cart.gif'); }
#header_user #shopping_cart span.ajax_cart_quantity {background:transparent; padding-right:0.5em; color: #ffcb08;}
#header_user #your_account a { background-image: url('../img/icon/my-account.gif'); }
При этом коде в фаерфоксе и хроме все отражается, как задумано:
В др. браузерах расползается, подскажите плиз, как правильно написать код