Question

I want to absolute position a div such that the top left corner of the div is attached to top right corner of the parent div (relative positioned).

Do you have any solutions how to do that ?

Here is a fiddle to start

Answer 1

I think you want something like this

http://jsfiddle.net/kdcmq/

<div id = "parent">
     <div id = "child"></div>
</div>


#parent {
    position: relative;
    width: 500px;
    height: 500px;
    background: red;
    display: block; /* fix for opera and ff */
}

#child {
    position: absolute;
    width: 100px;
    height: 100px;
    background: blue;
    top: 0;
    left: 100%; /* this line of code will sort things out for you :) */
}