CSS divs inside fieldset

Question

I am trying to create a fieldset with divs inside. I have a 1px border-bottom on each div but it doesn't show.

Example here : http://jsfiddle.net/LPa2f/1/

CSS :

.debt_row_odd{
        display: table-row;
        width: 100%;
        background-color: #eef6f9;
        border-bottom: 1px dotted #ff0000;
    }

HTML :

 <fieldset>
            <div class="debt_row_odd">
                ... label/input                     
            </div>
            <div class="debt_row_odd">
                ... label/input
            </div>
 </fieldset>

I have tried adding a 1px clear div, border-sizing, and a lot of other tweaks, but still no luck. When I inspect element, it doesn't look out of place. What causes that behaviour?

Answer 1

change this: display:inline-table;