Как расположить элемент рядом с другим элементом неопределенного положения? ⇐ CSS

[Anonymous]

Я новичок в html/xml/css и изо всех сил стараюсь этому научиться. Однако я столкнулся с проблемой, которую поиск Google не смог решить.

Я хотел бы разместить небольшое изображение в фиксированном месте относительно другого элемента (?)

Я считаю, что это код элемента, относительно которого я хочу расположить второй элемент.

Код: Выделить всё

#wrap {
width:550px;
background-color:#fff;
margin:0 auto;
padding:0;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

#container {
width: 500px;
margin:0 auto;
padding: 25px;
font-size:.85em;
background-color: #fff;
}

и это часть кода, которую я пытаюсь отредактировать, чтобы расположить .xyz справа от "#wrap"

Код: Выделить всё

.xyz {
position: ???;
top: 200px;
right: ???;
_position: ???;
_margin: ???;
_text-align: right;
z-index: 1337;
}

Мой поиск SOF привел меня к мысли, что я должен сделать что-то вроде этого —
Расположить элемент HTML относительно его контейнера с помощью CSS
— но я не смог.

Я очень ценю любую помощь, которую вы можете предложить. Надеюсь, я правильно объяснил свою проблему.

Подробнее здесь: https://stackoverflow.com/questions/293 ... d-position