print.css- Bildgröße anpassen

Moin.

Folgendes Problem liegt vor: Ich habe eine print.css erstellt mit der ich für den Druck eingie (Navigations)Elemene ausblende. Das funktioniert auch. Nun ist es aber so, dass Bilder, die für das Verständnis mitgedruckt werden müssen, über den Bildrand hinausgehen.
Gibt es eine Möglichkeit, die Bilder (class="images") so anzupassen, dass die Breite der Steie angenommen wird und die Bilder dementrpechend auf die zur Verfügung stehende Seitenbreite angepasst werden? (Die Bildgrößen und Annnordnung sind nicht einheitlich (300-500px BReite) und mal auch mehrere Bilder in einer Reihe. Ehrlich gesagt, dachte ich, durch die Angebe der Seitengröße und Ausrichtung "wüßte" der Rechner bescheid

meine aktuelle print.css sieht woe folgt aus:

@page {
size: auto;
margin: 2.5cm; }

body{
background-color: #FFFFFF !important;
background-image: none !important;
color:#000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;}

h1, h2, h3, h4{
font-size: 12pt;
color:#000000;
background-color:#fff;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;}

p {
font-size: 11pt;
color:#000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;}
text-align:justify;
}

.mehr, .top, .foto {
display:none;
}

Bilder werden wie folgt in *.html eingebunden.

<table>
<tr>
<td><A HREF="../bilder/X.jpg" target="_blank"><IMG SRC="../bilder/X_400px.jpg" alt="&Uuml;berflutungsbereich 1" style="float:left; margin-right:10px; margin-bottom:10px"></A> </td>
<td><A HREF="../bilder/Y.jpg" target="_blank"><IMG SRC="../bilder/Y_400px.jpg" alt="&Uuml;berflutungsbereich 2" style="float:left; margin-right:10px; margin-bottom:10px"></A> </td>
</tr>
<tr>
<td width="50%"> <p class="Abb">Abbildung 2.6.2.2: Szenario 1</p> </td>
<td width="50%"> <p class="Abb">Abbildung 2.6.2.3: Szenario 2</p> </td>
</tr>
</table>

oder so:

<div class="images">
<A HREF="../bilder/Plankarten/anlagen-1.jpg">
<img src="../bilder/Plankarten/anlagen-1.jpg" style="margin-right:10px; margin-bottom:10px; margin-top:10px" width=400 alt=""></a>
<p class="Abb">Abbildung 3.8.1: x</p>
</div>

Danke schon im Vorraus, sunshine