Hi, im having a few problems with bullets on a webpage ive made…. see link below:
[URL=”http://www.thestudio-ct.co.uk/results.php?eventid=26″]http://www.thestudio-ct.co.uk/results.php?eventid=26
When I view this page with IE7 the bullets for each of the <li>’s seem to have some funny margin, about -10px from the right hand side of the text that should come after it… any ideas whats causing this? ive looked through my code and cannot see.
Here is the code that makes these along with CSS:
[code=php]$results3 = mysql_query(“SELECT name, position FROM results WHERE category = ‘$row2[0]’ AND class = ‘$row2[1]’ AND eventid = {$eventid} ORDER BY position”, $connection);
if (!$results3) {
die(“Database query failed: ” . mysql_error());
}
echo “<ul class=’results’>”;
while ($row3 = mysql_fetch_array($results3)) {
echo “<li><div class=’resultname’>” . htmlspecialchars($row3[0]) . “</div><div class=’resultplace’>” . show_ordinal($row3[1]) . “</div></li>”;
}
echo “</ul></div>”;
[CODE]ul.results li {
height:20px;
list-style-image:url(images/bullet.png);
border-bottom:1px solid #222;
margin:0 0 5px -30px;
}