Content not displaying properly in opencart site

I am working on a cosmetics website. On home page I am showing a deal with complete description. Everything is fine except when I load the page for first time it does not show the full content. Half of the content is hidden. I have tried cleafix and other css tricks to solve the issue, but no luck. Can somebody help me out? Here's the website page: http://www.zozouae.com/

 

It looks fine to me, try an other browser maybe.

 

Yes I have tried other major browsers as well. IE and opera have no issues. Safari, chrome and firefox all show same behavior but with different magnitude. I mean they display the full page but not always. They display half of the content upon refreshing or reloading

 

do you have a Reset code on your CSS style sheet ?

 

no i don't have.

 

I will send you the code and the steps on your PM.

 

ahh, that would be very nice

 

Try this one :

/* reset */

*{
margin:0;
padding:0;
outline:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;

}

/* remember to highlight inserts somehow! */
ins {
text-decoration:underline;
}
del {
text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
direction:ltr;
}

blockquote
{
margin:5px 17px;
padding:7px;
border:5px solid #3e89f1;
color:#000;
background: #E9F4FA url('images/quote.png') no-repeat 0 0 ;

}

ul , ol , dl {
list-style-position:inside;
font-weight:bold;
}