Oye una duda tengo una imagen para un grafico, este es el codigo:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server" >
<title>Página sin título</title>
<style >
.graph {
position: relative; /* IE is dumb */
width: 200px;
border: 1px solid #B1D632;
padding: 2px;
}
.graph .bar {
display: block;
position: relative;
background: #B1D632;
text-align: center;
color: #333;
height: 2em;
line-height: 2em;
}
.graph .bar span { position: absolute; left: 1em; }
</style>
<style type="text/css">
#vertgraph {
width: 567px;
height: 310.5px;
position: relative;
background: url("g_backbar.gif") ;
}
#vertgraph ul {
width: 567px;
height: 310.5px;
margin: 0;
padding: 0;
}
#vertgraph ul li {
position: absolute;
width: 42px;
height: 240px;
bottom: 51px;
padding: 0 !important;
margin: 0 !important;
background: url("g_colorbar3.jpg") !important;
text-align: center;
font-weight: bold;
color: white;
line-height: 3.75em;
}
#vertgraph li.critical { left: 36px; background-position: 0px bottom !important; }
#vertgraph li.high { left: 151px; background-position: -42px bottom !important; }
#vertgraph li.medium { left: 264px; background-position: -84px bottom !important; }
#vertgraph li.low { left: 376.5px; background-position: -126px bottom !important; }
#vertgraph li.info { left: 490.5px; background-position: -168px bottom !important; }
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="vertgraph">
<ul class="medium">
<li class="critical" style="height: 150px;">22</li>
<li class="high" style="height: 120px;">7</li>
<li class="medium" style="height: 75px;">3</li>
<li class="low" style="height: 135px;">8</li>
<li class="info" style="height: 60px;">2</li>
</ul>
</div>
<br /> Longitud
<br />
<div class="graph" style="left: 0px; top: 9px">
<strong class="bar" style="width: 24%;">24%</strong>
</div>
<br />
<br />
</form>
</body>
</html >
Pero en el momento que le doy impresion solo me saca los numeros, como le hago para ke las imagenes del grafico se vean. gracias y disculapa la ignorancia.
Usuarios: 
