DaniWeb IT Discussion Community - Please help with Browser Compatibility Gallery Script!!!!!PLEASE

Hi everyone, i will try to explain this the best way i can. I am building a shopping website and i need to display new items and pictures on the home page in some kind of gallery that scrolls left to right on mouse over.
The gallery fetches images from a database using PHP and loops them out into a straight line. However i wanted to include the product details right below the image. The order is like this:

<div // wrapper div>

 <div>

   // product image goes here

 </div>

 <div>

  // product details go here

 </div>

</div // end of wrapper div>

i achieved this very well in firefox browsers and IE7 and above but IE6 is giving me a headache!!! can anyone please tell me what is wrong? The real script is here this:

// after using mysqli_query to $getImages //

while($row = $getImages->fetch_assoc()) {

                                echo "<div style='display:inline-block;height:130px;position:relative;'>".

                                                "<div style=' height:150px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;'>".

                                                        "<a href='#'>";

                                

                                echo "<img src='http://mysite.com/IMAGES/products/large/".$row["image"]."' id='img_product_".$i."' border='0' >".

                                

                                                        "</a>".

                                                "</div>".

                                                // This is what i was trying to add //

                                                "<div style='display:absolute; bottom:0px; height:50px; border-right:1px solid #CCCCCC; background:#F4F4F4;'>".

                                                        "<p style='font-size:10px; margin-left:23px;'>".$row["product_name"]."<br> <strong>$".$row["product_price"]."</strong><br>in ".$row["product_category"]."</p>".

                                                "</div>".

                                        "</div>";

                                $i++;

                        }

Firefox displays the images just fine (horizontally) but IE6 displays them vertically. Please help!!!!!! THANK YOU!!!!