Problemer med div-bredde og -høyde

[CruellaDeVille]

Jeg skal liste ut en rekke bilder i en inline div. Koden jeg bruker er slik:

<div class="profile_img">	
 <form method="post" action="">
 	<img src="$url/wp-content/images/profile_img/$image" />
 	<input type="submit" name="$image_name" value="$image_name">
 </form>
</div>

 

Denne skriver ut en div pr bilde.

Problemet er at alt forskyver seg pittelitt for hver iterasjon, slik at knappen ikke står rett under bildet lenger.

 

css-koden min:

#current_images .profile_img form{
 display:inline;
 width:120px;
}
.profile_img{  
 width:160px;
 display:inline;
 padding:2px;
}
.profile_img img{
 border: thin dotted #ccc;
 padding:.6em;
}
.profile_img input[type=submit]{
width:inherit;
}

Hva gjør jeg galt i css'en?

 

 

og resultatet blir noe slikt:

Endret 28. januar 2007 av CruellaDeVille