marquee fix

[timmah1]

How can I do this marquee but keep it from only showing a little bit?

 

Here is an example of what it's doing

http://www.cheezyfries.net/honey/test.php

 

Here is my code

<?
include "./DB_config.php";
$escort_count = mysql_fetch_assoc(mysql_query("SELECT count(*) as num FROM users"));
echo "<table width=\"780\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">";

//set 3 to 6 of you want 4 columns. Set it to 5 if you want 5, etc
$numcols2 = 8; // how many columns to display
$numcolsprinted2 = 0; // no of columns so far

// get the results to be displayed
$query2 = "SELECT * FROM users ";
$queryall2 = $query2.$sorted2.$querylimit2;
$mysql_result2 = mysql_query($queryall2);

// get each row
while($myrow2 = mysql_fetch_assoc($mysql_result2))
{

//get data - eg, 
$SampleOne = $myrow2['SampleOne'];
$EscortName = $myrow2['EscortName'];
$location = $myrow2['location'];
$id = $myrow2['id'];

if ($numcolsprinted2 == $numcols2) {
print "</tr>\n<tr>\n";
$numcolsprinted2 = 0;
}

// output row from database
?>
<style type="text/css">

.thumbnail
{
overflow:hidden;
float: center;
color: #FFF;
height: 114px;
width: 83px;
border: 1px solid #fff;
margin: 0 0 0 0px;
padding: 0;
position:relative; 
}

.thumbnail2
{
overflow:auto;
float: center;
color: #000;
height: 200px;
width: 130px;
border: 1px solid #fff;
margin: 0 0 0 0px;
padding: 0;
position:absolute;
z-index:2;
background:#BA941D; 
}

</style>

<script language="javascript" type="text/javaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->

function details()
{
document.getElementById('EscortName').className='thumbnail2';
}

function nodetails()
{
document.getElementById('EscortName').className='thumbnail';
}

</script>

    <td>
<marquee id="scrollingnewadditions" onMouseOver="this.stop();" onMouseOut="this.start();">
<div id="EscortName" class="thumbnail" onmouseover="details()" onmouseout="nodetails()">
<a href="javascript:openpopup('http://www.cheezyfries.net/honey/view.php?escort=<?php echo $myrow2['EscortName']; ?>&id=<?php echo $myrow2['id']; ?>')">
<img src="escorts/<?php echo $myrow2['SampleOne']; ?>" height="110" onmouseover="details()" onmouseout="nodetails()"></a>
<div align="top">
Name: <?php echo $myrow2['EscortName']; ?><br>
Age: <?php echo $myrow2['Age']; ?><br>
Location: <?php echo $myrow2['TownCity']; ?><?php echo $myrow2['County']; ?><br>
Hourly Rate: £<?php echo $myrow2['priceperhour']; ?></div>
</div>	
</marquee>
</td>

	<?php
	echo "\n";;

// bump up row counter
$numcolsprinted2++;

} // end while loop

$colstobalance2 = $numcols2 - $numcolsprinted2;
for ($i=1; $i<=$colstobalance2; $i++) {

}

print "</table>\n";

?>

 

Thanks in advance