Appointment overlapping issue using css

[Chad]

I have appoints that span a few days but when I added the following url that helped me expand the appointments vertically it stopped the expansion horizontally and the appointments are overlapping

Vertical expansion
http://www.telerik.com/support/kb/aspnet-ajax/scheduler/auto-expand-the-height-of-the-appointment.aspx

This is my css

.RadScheduler .rsTimelineView .rsWrap,
        .RadScheduler .rsTimelineView .rsApt,
        .RadScheduler .rsTimelineView .rsAptOut,
        .RadScheduler .rsTimelineView .rsAptIn,
        .RadScheduler .rsTimelineView .rsAptMid,
        .RadScheduler .rsTimelineView .rsAptContent
        {
            position: static !important;
            height: auto !important;
        }

        .RadScheduler .rsTimelineView .rsWrap
        {
            float:left;
            overflow: inherit;
            font-size: 0;
            line-height: 0;
        }

I have attached a picture to show what is occurring. 

thanks,

Chad

[Kate]

Hi Chad,

I tested the css class selectors that you provided but I was not able to replicate the issue that you get. Please refer to the attached project and image file that demonstrate the look that I get from my side. Can you modify it in a way that it demonstrates the issue that you are getting and send it back to me for further inspection? It would be also helpful if you can sent me a live url so I can observe the issue locally and assist you in resolving it.

Regards,
Kate
Telerik