Question : Random display issue with text overlapping image

I am getting a random display issue where text sometimes overlays the image on this page...
http://www.timeoutdoors.com/Travel/Activity-holidays

The image usually displays to the left of the text - whenever the text does overlay the image, a simple page refresh usually corrects the display. As this seems to happen on a random basis, I'm puzzled.

Any thoughts?

Answer : Random display issue with text overlapping image

You need to clear the floats after you TravelImage divs. As for why its happening, my guess would be a random ie bug, possibly something to do with the amount of time it takes to load images.

A simpler solution would just be to remove the float property from your div as I can see no reason for it.

                       
 
// CSS ///////
 
.clearFloat
{
  clear:both;
  font-size:0;
  height:0;
  line-height:0;
}
* html .clearFloat
{
  display:none;
}

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:

           
           
             // HTML //////
 

    Image here
  

           
         

Open in New Window Select All