     
     private function layoutColumnSeparator(separator:IVisualElement, columnIndex:int):void
     {
+        // Initialize this visual element
+        intializeGridVisualElement(separator, -1, columnIndex);
+        
         const r:Rectangle = visibleItemRenderersBounds;
         const width:Number = separator.getPreferredBoundsWidth();
         const height:Number = Math.max(r.height, visibleGridBounds.height); 

        
        elt.setLayoutBoundsSize(width, height);
        elt.setLayoutBoundsPosition(x, y);
    }
    
    //--------------------------------------------------------------------------

            const bounds:Rectangle = isRowSelectionMode() ? 
                gridDimensions.getRowBounds(rowIndex) :
                gridDimensions.getCellBounds(rowIndex, columnIndex);
            
            // Initialize this visual element
            intializeGridVisualElement(indicator, rowIndex, columnIndex);
            
            // TODO (klin): Remove this special case for the caret overlapping separators
            // when we implement column/row gaps.
