Position absolute behaving like position fixed when adding dynamic HTML via javascript

Question

Here\'s the code example I\'m having problems with:

http://jsfiddle.net/eejpjch3/

I\'m trying to add a dynamic delete button above HTML elements when hoverin

Answer 1

Why not use relative positioning? Here is your example using some alternative style rules, specifically

.icon {
    float:right;
    position: relative;
    bottom: 15px;
}

.upper-controls {
    position: relative;
}

JSFiddle Link