ok i am working on a new rpg styled game in php and i have hit a problem, i am trying to make a hp bar and a brave bar that go up and down. it works like a dream in IE but when i tryed it in firefox none of the bars turn up. here is the web address, I know this isnt a php strictly based problem but does anyone know how i can fix this?
mcilveen.100webspace.net and here is my code
$hpwidth=$userstats['hp']/$userstats['maxhp']*100;
if($hpwidth<"33"){$color="bars_red.gif";}
elseif($hpwidth<"66"){$color="bars_yellow.gif";}
else{$color="bars_green.gif";}
echo "HP: ".$userstats['hp']."/".$userstats['maxhp']."<br />";
echo "<table cellspacing='0' cellpadding='0'><tr><td style='padding:0px; width:100px; height:12px; border:solid 1px black; vertical-align:bottom;'>\n";
echo "<div style='padding:0px; width:".$hpwidth."px; border-top:solid 0px black; background-image:url(images/".$color.");'></div>";
echo "</td></tr></table>";
$bravewidth=$userstats['brave']/$userstats['maxbrave']*100;
if($bravewidth<"33"){$color="bars_red.gif";}
elseif($bravewidth<"66"){$color="bars_yellow.gif";}
else{$color="bars_green.gif";}
echo "Brave: ".$userstats['brave']."/".$userstats['maxbrave']."<br />";
echo "<table cellspacing='0' cellpadding='0'><tr><td style='padding:0px; width:100px; height:12px; border:solid 1px black; vertical-align:bottom;'>\n";
echo "<div style='padding:0px; width:".$bravewidth."px; border-top:solid 0px black; background-image:url(images/".$color.");'></div>";
echo "</td></tr></table>";
thanks in advance
