позиция: исправлено не работает в chrome

Question

Я добавил новый виджет в свой блог http://kasperikoski.blogspot.fi, который в основном работает как меню с помощью «Добавить HTML/Script». Код для блоггеров HTML/CSS:

.menukadn { 
    line-height: 1; 
    } 

    a.limeka, a.limeka:visited, a.limeka:active { 
    font-family: 'Maven Pro', sans-serif; 
    font-size: 30px; 
    font-weight: bold; 
    color: #bbb; 
    text-decoration: none; 
    text-transform: uppercase; 
    transition: color 150ms linear; 
    letter-spacing: -0.090em; 
    } 

    a.limeka:hover { 
    color: #21a97e; 
    transition: color 150ms linear; 
    } 

И виджету:

<div class="menukadn"> 
    <a href="https://www.facebook.com/Kadnnn" class="limeka" title="" target="_blank">Facebook</a> 
    <br/> 
    <a href="http://instagram.com/kasperikoski" class="limeka" title="" target="_blank">Instagram</a> 
    </div> 

Когда я пытаюсь добавить позиционируют как это,

.menukadn { 
    line-height: 1; 
    position: fixed; 
    } 

или Alternativly виджету DIV # HTML1 для себя:

#HTML1 { 
    position: fixed; 
    } 

он отлично работает на Mozilla Firefox, но в Chrome мой виджет # HTML1 расположен приблизительно 800 пикселей прямо с того места, где он должен быть (столбец-левый-внешний), рядом с левой левой границей bodys. Любые идеи, которые могут возникнуть в другом коде, вызывающем противоречие?

Answer 1

В отличие от позиционирования position:fixed вы не определили положение элемента, например.

#HTML1 { 
    position: fixed; 
    left:0; 
    top:0; 
} 

Если вы хотите расположить его по отношению к ширине экрана, вы можете попробовать что-то вроде этого:

#HTML1 { 
    position: fixed; 
    left:0; 
    right:0; 
    width: 200px; 
    margin:0 auto; 
} 

Единственным недостатком является то, что вы имеют определить ширину, после этого сыграйте с left или right, пока у вас его нет, где вы хотите.