> <div class="slideshow">
> <div class="slide"><img src="slide1.jpg" alt="" title=""><br><div
> class="textbackground"> </div><div class="slidetext"></div></
> div>
> <div class="slide"><img src="slide2.jpg" alt="" title=""><br><div
> class="textbackground"> </div><div class="slidetext"></div></
> div>
> </div>
>
> and the css:
>
> .slideshow{
> width:680px;
> height:250px;
>
> }
>
> div.slidetext {
> height:20px;
> width:680px;
> display:block;
> margin-top:-25px;
> margin-left:15px;
> position:absolute;
> }
> div.textbackground {
> display:block;
> height:30px;
> width:680px;
> opacity:0.7;
> margin-top:-30px;
> position:absolute;
> }
>
> and both the height and the width of .slideshow are not recognized in
> Chrome (but work fine in IE and FF).
How about either giving the slide elements a specific height/width or
adding height/width attributes to the img elements?
