Хлебные крошки съезжают - Вопросы по CSS

Привет всем, помогите пожалуйста разобраться, на сайте создал позицию для хлебных крошек, установил их в нее, задал стили, но получилось так что хлебные крошки оказались не активными, в том смысле что по ним нельзя было нажать чтобы перейти на страницу другую, как оказалось крошки закрывались каким то не видимым слоем серединной колонки (там где контент располагается), решил эту проблему прописав это:

position: absolute;
z-index: 1;

в результате крошки встали как надо, но на другом компе они смещаются на 35 пиксилей влево, стили крошек выглядят так

.kroshki {
    margin-top: 10px;
    margin-bottom: -30px;
    width: 980px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    margin-left: 185px;
}

естественно увеличив margin-left до 220 на том компе все встало в норме, за то на моем (ноутбук) крошки уплыли в право на 35px

пробовал поставить margin-left: auto и margin-right: auto, не помогло, хотя до добавления position: absolute; это работало.

Вопрос, можно ли найти решение, чтоб во всех браузерах и компах крошки оставались на одном месте ?

Получается если смотреть сайт в ноутбуке, то для правильного отображения нужно ставить  margin-left: 185px; а если сайт смотреть на компьютере то надо ставить     margin-left: 220px;

И как найти золотую середину ?

ссылку бы.