Mam kod pokazujący wykres pracowników.

Dane (nazwa, telefon, zdjęcie itp.) Są przechowywane w SQLServer i wyświetlane przez JSP. Wyświetlanie danych jest prawidłowe, z wyjątkiem obrazu .jpg (przechowywanego w kolumnie IMAGE = BLOB).

Nawiasem mówiąc, mam już wyświetlany obraz (zobacz poniższy kod), ale nie wiem, jak umieścić go w obszarze zdefiniowanym w pliku .css (zobacz też poniższy kod), ponieważ obraz przechodził przez ResultSet jest ładowany na całą stronę w przeglądarce.

Czy ktoś wie, jak mogę „oprawić” obraz?

<%
Connection con = FactoryConnection_SQL_SERVER.getConnection("empCHART");
Statement stSuper = con.createStatement();
Statement stSetor = con.createStatement();

Blob image = null;
byte[] imgData = null;

ResultSet rsSuper = stSuper.executeQuery("SELECT * FROM funChart WHERE dept = 'myDept'");

if (rsSuper.next()) {
image = rsSuper.getBlob(12);
imgData = image.getBytes(1, (int) image.length());
response.setContentType("image/gif");
OutputStream o = response.getOutputStream();
//o.write(imgData); // even here we got the same as below.
//o.flush();
//o.close();

--[...]

<table style="margin: 0px; margin-top: 15px;">
<tr>
<td id="photo">
<img title="<%=rsSuper.getString("empName").trim()%>" src="<%= o.wite(imageData); o.flush(); o.close(); %>" />
</td>
</td>

<td id="empData">
<h3><%=rsSuper.getString("empName")%></h3>
<p><%=rsSuper.getString("Position")%></p>
<p>Id:<br/><%=rsSuper.getString("id")%></p>
<p>Phone:<br/><%=rsSuper.getString("Phone")%></p>
<p>E-Mail:<br/><%=rsSuper.getString("Email")%></p>
</td>
</table>

A oto fragment mający obramować obraz:

#photo
{
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    width: 170px;
    height: 220px;
}

Z góry dziękuję !