Absolutley позиционирует элемент внутри фиксированного позиционного элемента

Question

У меня есть div, который фиксирован с его родительским div, в этом фиксированном div я пытаюсь абсолютизировать положение изображения, но css для этого изображения вообще ничего не делает. Изображение появляется в естественном положении, и я не могу его переместить!

HTML

<div class="wrapper"> 
    <div class="poster"> 
     <div class="posterfixed"> 
      <div class='18logo'> 
      <img src='../images/siteimages/18logo.png' /> 
      </div> 
     <div> 
    </div> 
</div> 

CSS

.wrapper{ 
    width:1280px; 
    position:relative; 
    border-left:1px solid #ffffff; 
    border-right:1px solid #ffffff; 
    margin: 0 auto 0 auto; 
    background:#000000; 
    overflow:hidden; 
} 
.poster{ 
float:left; 
margin:-890px 0 0 890px; 
width:390px; 
min-height:512px; 
} 

.posterfixed{ 
    position:fixed; 
    width:390px; 
    min-height:512px; 
    background-image:url(../images/siteimages/background.png); 
} 

.18logo{ 
    position:absolute; 
    right:10px; 
    top:360px; 
} 

Спасибо для смотреть ....................

Answer 1

Вы должны начать ваши имена классов с буквой вместо числа, как у вас, для .18logo - поскольку вы не можете запустить имя класса с номером или дефис, за которым следует число в CSS.

2.1 Spec, Syntax and Basic Data Types: С

В CSS, идентификаторы (включая имена элементов, классы и идентификаторы в селекторах) могут содержать только символы [A-z0-9] и ISO 10646 U + 00A1 и выше , плюс дефис (-) и подчеркивание (_); они не могут начинаться с цифры или дефиса, за которым следует цифра. Идентификаторы также могут содержать экранированные символы и любой символ ISO 10646 в виде числового кода (см. Следующий элемент). Например, идентификатор «B & W?» может быть записано как «B \ & W \?" или "B \ 26 W \ 3F".