Strange problem with dropping divs

Hi,

I am experiencing a weird problem with my site an was hoping that someone could help out. On certain pages of the site, the divs get pushed around. The issue occurs on FF3 (mac and pc) and not IE. Static HTML pages with the same code work without any problems. The issue seems to have some relation to server speed.

Please have a look at this page between 1 and 30 times and it’s bound to happen. I’ve also attached a screen shot of it.

http://tomorrowsdate.com/date/detail/kingpin_bowling/

Any help would be more than welcome!

Cheers,
Marko

 

May be this helps :

#right-column-2 {
float:right;
width:300px;
}

 

I just got the opposite effect in FF3 the right col was dropped. Are you clearing your floats?

 

Hi,

thanks for quick replies!!

markupdude: I used to have:

#right-column-2 {
float:right;
width:300px;
}

and the same was happening.

Colbyt: usually the right column drops. I am not sure if I am clearing the floats and I'm not really a CSS specialist. This page was sliced by a guy who i can't get in touch with, so I'm trying to figure out why this is happening. Any advice will be more than welcome!

Cheers,
Marko

 

Modify as shown:

#right-column-2 {
clear:left;
float:right;
width:300px;
}


and see what happens.

 

it seems that the effect of clear:left is to push the right column down on every load now. i've removed clear:left, and the same problem from before occurs (randomly still).

it also seems that the text in the left column gets pushed down half way when the right column is pushed down ....