positioning - Strange behavior of css, fixes after refresh -

positioning - Strange behavior of css, fixes after refresh -

i'm trying build page users browse flash games, , create thumbnail <div>s them. work nicely @ first, when click 1 game, , homecoming browse page, text coincides image, when refresh, becomes ok.

wrong version: (after returning back)

right version: (at start , after refresh)

there no javascript running, not alter styles of elements. <div>'s problem has .css codes like:

div.game_side_texts { clear:right; float:top; max-height:80%; } img.gamethumb { height:80%; } div.game_img_div { float:left; margin-right:2%; min-width:30%; } .game_thumbnail_div /* div contains */ { float:left; width:40%; height:20%; margin-top:6%; margin-right:1%; padding-bottom:3%; }

so problem? in advance !

for starters, .game_thumbnail_div has width , height small. either remove them or create dimensions @ to the lowest degree 286 x 140. also, float:top doesn't anything. know mentioned tried , worked promise it's not needed.

updated fiddle.

css positioning browser-refresh