Dopasowanie pola BOX do obrazka, Brak dopasowania w pionie Opcje

[manoa]

Witam,
Kombinuje na milion sposobów i nie potrafię sobie poradzić z automatycznym rozciągnięciem box'a w doł do wklejonego obrazka. Wpisany tekst rozciąga box i wszystko jest ok, ale grafika już nie.
Proszę o pomoc jak ustawić wielkość boxa żeby dopasował się do grafiki w niej osadzonej poniżej kod :

HTML

[HTML] pobierz, plaintext 
<div class="4u 12u(mobile)">
  <section class="box style3 box-shadow3">
    <img src="images/content/logo.jpg" alt="" class="img-style3">
    <h3>Boks nr.3</h3>
    <p>Boks style nr.3 Boks style nr.3 Boks style nr.3 Boks style nr.3 Boks style nr.3 Boks style nr.3 Boks style nr.3 Boks style nr.3 </p>
  </section>
</div>
[HTML] pobierz, plaintext 

CSS

[HTML] pobierz, plaintext 
		.img-style3 {
				display: inline-block;
				position: relative;
				float: right;
				width: 50%;
				padding: 0;
				margin: 1em 0 1em 1em;
		}
 
		.box.style2 {
				width: auto;
				margin: 0;
				padding: 1em;		
				font-size: 100%;	
				background-color: none;		
		}
[HTML] pobierz, plaintext 

Efekt tego jest taki :
(IMG:http://s24.postimg.org/tnfznkirp/Zrzut_ekranu_z_2016_02_28_01_54_32.png)

Ten post edytował manoa 28.02.2016, 02:10:58