html - Elements hidden from view for no apparent reason -

i createing of hub edit settings on server, elements within content not being shown.

when inspecting elements height , width set 0;

here page displaying:

and here should show (html version , not show):

<div id="forums-content">                     <div class="main-content">                     <h2>update options</h2>           <p>update failed!</p>          <hr>          <p>the option main-settings-use-notice failed change main-settings-use-notice.</p>          <p>possible issues:</p>          <ul>              <li>the option not exist.</li>              <li>the option equal wanted change to.</li>              <li>the chosen option been protected therefor cannot change it.</li>          </ul>          <hr>          <p>debug:</p>          <ul>              <li>checking see if option equal new setting:</li>              <li>solved; requested option set!</li>          </ul>                          </div>                 </div> 

here css file:

http://etreecycle.co.uk/hub/css/styles.css

it's little messy because have been playing around it.

sorry screen shots, page in restricted area.

how can allow elements display 'normal'?

try removing font-size: 0; in #content section , see happens. without complete code hard see going on, first place look.