HTML/CSS -Hänger

[3of4]

Ich hänge gerade an folgendem Beispiel:

<form action="upd_job.php">
<input type="hidden" name="id" value="<?php echo $id; ?>">
<div class="main_div2">

[img]kris.gif[/img]
[img]kris.gif[/img]
  <div class="head_div" style="color:white">
	<input type="text" name="Zeile1" value="<?php echo $Zeile1; ?>">
...

.head_div {
	font-family: arial, "lucida console", sans-serif;
	font-size:25;
	background-color:#4A217E;
	padding:8;
	font-weight:bold;
	position:relative;
	margin-top:0px;
}

/*2. Übergeordnetes div, mit Rahmen*/
.main_div2{
	margin-top:20px;
	margin-left:30px;
	height:550px;
	width:450px;
	padding:0;
	border-width:2px;
	border-style:solid;
	border-color:#4A217E;
	position:relative;
	overflow:visible;
}

Kurz gesagt: wie schreibe ich die Positionierung für die Bilder so, dass sie in jedem Fall über den linken und rechten oberen Ecken sind?