Fotos und Text

Hallo zusammen,
folgendes Problem:
Habe im body Bereich links ein kleines Foto und rechts davon soll der Text sein.
Habe es erst mit padding versucht aber wieder aufgegeben..Nun habe ich es mit einer Tabelle versucht.
Der Text soll das Foto nicht umfliessen, sondern buendig rechts stehen.
Im IE ist die Ansicht ok aber im firefox leider nicht, da der Text rechts weg lauft...
Wie kann ich es beeinfluessen??
Vielen Dank im Voraus. mfg bunzol

<!-- Section1 START -->
<div id="section1">

<img class="wolke" src="wolke150px113px.jpg" alt="" />

<h2><img class="wtoh" src="icon/wtoh.png" alt="Welcome to our Hompage" /></h2>
<div id="table1">
<table width="400px" cellpadding="0" cellspacing="0" border="0">
<td >
<tr>Welcome to Wolke and thanks for visiting our website.</tr>
<tr>text text text text text text</tr>
<br />
<tr>textttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt.</tr>
<tr>Please feel free to contact me ............................................................</tr>
<br />
<tr>Wolke GmbH </tr>
<tr>Ueber den Wolken : 55555 Wolkenland : Germany</tr>
<tr>Phone: +49 666 23232323</tr>
<tr>Fax: +49 666 123456</tr>
<tr>E-Mail: wolke@web.de</tr>
</td>
</table>
</div> <!-- Table1 END -->
</div>

css:

#section1 {
position: relative;
background-color: #FFFFFF;
width: 950px;
padding-bottom:2em ;
margin: 0 auto;
background-color: #FFFFFF;
}

#section1 h2{
margin: 20px 2px 5px 2px;
padding: 5px 10px 20px 250px;
word-spacing: 0.3pt;
letter-spacing: 0.1pt;
font-family: Arial, sans-serif;
font-size: 100%;
font-style: normal;

}

.wolke{
position: absolute;
float: left;
margin: 25px 2px 5px 25px;

}

#table1{
position: relative;
top: 1px ;
left: 255px ;
padding-bottom: 2em;
}