absolute positioning of elements in columns
<p>I'm trying to dynamically position divs next to eachother, taking the previous div's y position and adding the current divs width to make the current divs y position. so B.y = A.y+B.width basicly. My code dosen't do that and I feel that it should :/ Any help with solving this problem is greatly appreciated.</p>

<p>Using css float is not an option in this scenario.</p>

<pre><code>            $(".event2").css({
                "width": $(".event2").width()/4});
                $(".event2").css({
                "position().left": ($(".event1").position().left+$(".event2").width())
            });

            $(".event3").css({
                "width": $(".event3").width()/4});
                $(".event3").css({
                "position().left": ($(".event2").position().left+$(".event3").width())
            });

            $(".event4").css({
                "width": $(".event4").width()/4});
                $(".event4").css({
                "position().left": ($(".event3").position().left+$(".event4").width())
            });
</code></pre>
