jquery - First image on a Nivo Slider appears distorted -
i have nivo slider on site , every time reload first image on slider appears stretched height, don't know reason, defined max-height fixed value , have added height: auto !important; .nivo-main-image even facing same problem without solution, appreciate you'll. here code: ** .nivoslider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoslider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; height:auto !important; } /* if image wrapped in link */ .nivoslider a.nivo-imagelink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* slices , boxes in slider */ .nivo-slice { display:block; positio