Displaying Image Problem

[MoFish]

hello all, im having a slight problem with my gallery and cant seem to figure out exactly what its doing. It sometimes displays one slightly funki with the image uploaders name to the side of the image instead of below. if i then click refresh it corrects itself and displays normall again. you can preview my problem here [a href=\"http://www.risingsuncarshow.co.uk/index.php?page=viewgallery&category=2005&start=0\" target=\"_blank\"]CLICK HERE TOO SEE PROBLEM[/a]. if you click nextpage, you will see what I mean. Why would it be doing that?

thanks again, mofish

below is the code i use to display my images.

[b]page[/b]
[code]            
echo "<div class='gallery'>";

// we need to do a while statement to loop through the database picking out

// all the content what equals our query

while ($myrowimage = mysql_fetch_array($imageresult) ) {     

    //assign the values from the database to variables to be used in displaying.

        $image = $myrowimage["image"];

        $name = $myrowimage["author"];


        //display the images, asssign links and print the name of the image uploader    

            echo "<a class='pic' href='gallery/$image' target='_blank'>
                <img src='gallery/tn_$image' />
                <div style='padding-top:4px'>Uploaded By <b>$name</b></div>
                </a>";

    }

    // run the clearer

    echo "<div class='clearer'> </div>";

    // close the gallery div which holds all the images.

    echo "</div>";
[/code]

[b]style[/b]
[code]
.pic{
        height:175px;
        width:170px;
        float:left;
        padding:15px;
        margin:5px;
        text-align:center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: x-small;
        display:block;
}
.gallery{
        width:100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: x-small;
        text-align:center;
        display:block;
}
.clearer {
        clear: both;
        line-height: 0em;
}
[/code]