I have a calendar, the calendar displays a box with the description of an event on the days that there are events. In firefox, the box pops up on the left, in I.E, it pops up on the right. This means that the box gets clipped because it’s sticking half way outside the parent element. I put display: visible on the description box, and that allows it to display properly, but it also collapses my page. anyone know why this would happen? How could display: visible do this? How do you get around a problem like this?
sorry. I can’t link to it because the site is live and I don’t want to break it so you can see it. The issue is that the calendar sits in a box. When I mouse over an event, another box pops open next to the mouse to display a description of that event, the box that pops up gets clipped when it leaves the posting area, When I put overflow: visible on the post box, it collapses the page.
I guess you can see it working to get an idea. I have removed the sidebar and extended the post area to generically fix it for right now, but I want to fix it properly by putting the sidebar back in and using the overflow property.