So damit bin ich dann wieder ganz am Anfang. Hab's so gemacht und im Firefox getestet. Jetzt wird wieder alles falsch dargestellt :-(
<html>
<head>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
div.picWithText {
display: inline; /* MSIE und Opera Trigger */
display: inline-block;
vertical-align: middle;
}
div.picWithText img {
width: width: 30%;
height: 320px;
background: green;
}
div.picWithText div {
width: 69.9%;
height: 320px;
background: blue;
}
div.picWithText p {
}
</style>
</head>
<body>
<div id="content">
<h2>Überschrift der Seite</h2>
<div class="picWithText">
<img src="typo3temp/pics/6b2bc080a6.jpg" width="300" height="398" alt="" />
<div>
<p>Bildbeschreibung Zeile 1</p>
<p>Bildbeschreibung Zeile 2</p>
<p>Bildbeschreibung Zeile 3</p>
</div>
</div>
<div class="csc-header csc-header-n2">
<h3>Hobbys</h3>
</div>
<ul class="csc-bulletlist csc-bulletlist-0">
<li class="odd">Hobby 1</li>
<li class="even">Hobby 2</li>
<li class="odd">Hobby 3</li>
</ul>
</div>
</body>
</html>