DIV Problem mit IE

Ich stelle bei mir Forschungen in Arbeit durch 2 gestreckte Bilder dar, die zusammen immer eine Gesamtbreite von 120px haben, zusätzlich lege ich noch einen Text darüber der den Fortschritt Prozentuell anzeigt.
In Mozilla .. kein Problem, im IE allerdings fügt er für jeden DIV Tag innerhalb des TD Elements eine Leerzeile ein. Kann mir da jemand helfen?
Falls unschöne Dinge drin sind, bitte ich zu entschuldigen, ist mein DIV-Versuch mit sowas überhaupt

<%
if ((rData.getStatus() == 0) && !rData.isInResearch()) {
out.print("");
} else if ((rData.getStatus() >= 0) && (rData.getStatus() <= 100) && rData.isInResearch()) {
out.print("");
out.print("");
if (rData.getStatus() != 0) {
int percentage = (int)(100f / 120f * (rData.getStatus() * 1.2));
int pixelAdjust = 0;
if (percentage >= 10) {
pixelAdjust = -3;
} else if (percentage == 100) {
pixelAdjust = -6;
}

out.print(""+percentage+" %");
}
} else if (rData.getStatus() == 100) {
out.print("");
}
%>

Hier der generierte HTML Code:

13 %

Mach die Umbrüche aus dem generierten Code raus. Der IE hat die unschöne Angewohnheit, das er aus Umbrüchen im Quellcode so halbechte Umbrüche in der Darstellung macht. IMHO absoluter Bockmist, aber so ist es eben. Denke auch, das er da das nowrap ignoriert.
So sollte es tun:

 13 %

Naja, das war dem IE auch recht egal. Aber ich habs jetzt mit Table-Layout:fixed gemacht und die Zeilenhöhe festgelegt.
Jetzt siehts im Mozilla gleich aus wie vorher und im IE halt "akzeptabel"