I know enough to determine that that line part of a function that does something to set styles of elements, but I can't figure out much more than that. 

The call I'm making is as follows: 

2.    $evtthis.css({
3.                                 position: 'absolute',
4.                                 top: topVal
5.                             });

I assume that the issue has to do with topVal. I'm able to trace it out and it is a number that is different for each div in the loop... so I'm not sure what I'm doing wrong... pasting complete script below. Please disregard the multitude of console.logs :{

2.  <script type="text/javascript">
3.                 /* <![CDATA[ */
4.                     var j = jQuery.noConflict();
5.                     // Find selection of all time period divs and place them beside one another
6.                     var $myTimes = j('.timeperiod');
7.                     var pOff;
8.                     var topVal = 0;
9. 
   
10.                     function fineTune(){
11. 
    
12.                         // Set the width for the two event divs that have to be 2 timeperiods wide
13.                         var colWidth = String(parseInt(j('.timeperiod').css('width').replace('px', ''), 10) * 2 - 10) + 'px';
14.                         //console.log(colWidth);
15. 
    
16.                         j('#sentencing, #trial').css('width', colWidth);
17.                         // Reset z-index for these columns so that the widened divs show properly
18.                         j('#ninemos').css('z-index', 1000);
19.                         j('#sixmos').css('z-index', 1001);
20.                         //alert('placeholder');
21.                         // Dynamically place each event div vertically lower than the one preceding it
22.                         var $events = j('.event');
23.                         for (var y = 1; y < $events.length; y++) {
24.                             alert('place div loop, y = '+y);
25.                             //console.log('move event index ' + y);
26.                             var evtLess = y - 1;
27.                             var $evtprev = j('.event:eq(' + evtLess + ')');
28.                             var $evtthis = j('.event:eq(' + y + ')');
29.                             alert('place div loop, y = '+y);
30.                             var $thisheight = parseInt($evtprev.css('height').replace('px', ''), 10);
31.                             //console.log('$thisheight is ' + $thisheight);
32.                             pOff = $evtprev.offset();
33.                             topVal = pOff.top + $thisheight;
34.                             console.log(topVal);
35.                             //console.log(pOff);
36.                             alert('place div loop, y = '+y);
37.                             $evtthis.css({
38.                                 position: 'absolute',
39.                                 top: topVal
40.                             });
41.                         }
42. 
    
43.                     }
44. 
    
45. 
    
46.                     // Dynamically position all timeperiod divs beside the first div, so they line up horizontally
47.                     function positionCols(){
48.                         for (var z = 1; z < $myTimes.length; z++) {
49.                             var oneLess = z - 1;
50.                             var $prev = j('.timeperiod:eq(' + oneLess + ')');
51.                             //console.log($prev);
52.                             var $this = j('.timeperiod:eq(' + z + ')');
53.                             var $thiswidth = parseInt($this.css('width').replace('px', ''),10);
54.                             //console.log($thiswidth);
55.                             pOff = $prev.offset();
56.                             //console.log(pOff);
57.                             //console.log(pOff);
58.                             $this.css({
59.                                 position: 'absolute',
60.                                 left: pOff.left + $thiswidth + 10,
61.                                 top: 5
62.                             });
63.                         }
64. 
    
65.                         fineTune();
66.                     }
67. 
    
68. 
    
69.                     // Call positioning function on page load
70.                     positionCols();
71.                     // Reposition all timeperiod and event divs whenever the window is resized
72.                     j(window).resize(function(){
73.                         positionCols();
74. 
    
75.                     });
76.                     // Upon click of an event div, display the metadata that event contains
77.                     j('.event').click(function(e){
78.                         //console.log('event clicked');
79.                         $this = j(this);
80.                         var $myData = $this.metadata().descr;
81.                         //console.log($myData);
82.                         j('#dialog').html($myData).dialog({
83.                             modal:true,
84.                             width: 600,
85.                             height: 220
86.                         });
87.                     });
88.             /* ]]> */
89.         </script>

Thanks for *any* assistance.

brokenindex