Layout Blocks Issue

HTML & CSS
1

Hi,

How do fix the slideshow in this link so that the main content fits snugly around it?

Thanks!


#slideshow {
    position:relative;
    height:186px;
		width: 450px;
		background-color:#000;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
border: none;padding:0;margin:0;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
2

It’s sitting snugly in Firefox, so maybe you are viewing this on another browser. But you could try something like this:

#slideshow {
  position:relative;
  [COLOR="Red"]height:186px;
  width: 450px;[/COLOR]
  background-color:#000;
  [COLOR="Red"]float: left;[/COLOR]
}
3

I just had to remove the width and height. Thanks!