Ciao a tutti.

barra.html
Codice PHP:
<html>
<head>
<title>barra</title>
<link rel="stylesheet" type="text/css" href="layout.css" />
</head>
<body>

<table>
<tr class="bg_bar">
<td class="bar" width="50px"></td>
</tr>
</table>

</body>
</html> 
layout.css
Codice PHP:
body {
background: #FF0000;
font-size: 16px;}

.bg_bar {
background: url('bg_bar.jpg');
display: block;
border: 1px solid #000;
width: 52px;
height: 12px;
z-index: 1;}

.bar {
background: url('bar.jpg');
height: 10px;
z-index: 2;} 
Devo creare una barra statica che varia a seconda di un certo valore(la larghezza di td) sembra funzionare tutto,ma non capisco perchè la barra è staccata dai bordi di qualche pixel dall'alto e di qualcun'altro da sinistra.

Potete aiutarmi?
Grazie