box-model problem sa borderom

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Zdravo, imam problem sa W3C box-modelom. Ovo je HTML kod.

<div class="featured_stuff"> <div id="featured_stuff_module">    <div class="field">       <div class="image" style="background-image: url(theme/SilverShine/modules/featured_stuff/images/nature1.jpg)">          &nbsp;       </div>       <div class="desc">          &nbsp;       </div>    </div>    <div class="field">       <div class="image" style="background-image: url(theme/SilverShine/modules/featured_stuff/images/nature2.jpg)">          &nbsp;       </div>       <div class="desc">          &nbsp;       </div>    </div>    <div class="field">       <div class="image" style="background-image: url(theme/SilverShine/modules/featured_stuff/images/nature3.jpg)">          &nbsp;       </div>       <div class="desc">          &nbsp;       </div>    </div> </div>

Evo šta to predstavlja:



Problem je sledeći. Ja želim da mi ova 3 "polja" imaju bordere. Trenutno su samo u CSS-u nameštena da popune 33.33% širine. Kada dodam border, jedno ispadne dole jer se on nadograđuje na njih.

Postoji li neki način da nateram ova 3 polja da imaju ivice i da ispune celog roditelja? CSS3 box-model ne dolazi u obzir s obzirom da mi je potrebna kompatibilnost i sa starijim browserima.