tags:

views:

58

answers:

1

Hello, I'm having quite an issue here with a website.

http://www.radonsystems.net/newsite

As you can see, that blue div container is having issues. Content from the next li is spilling into the current li.

How do I stop this?

CSS for area:

#strip {
background:#039;
border-bottom: 1px solid #ccc;
}

#strip ul {      
margin-left: auto;
margin-right: auto;
width: 100%;
}

#strip li {
 list-style: none;
 margin-bottom: 0;
 height: 247px;
 overflow:hidden; 
}
+4  A: 

go to #strip li then make the width the same as your div's(#strip) width.

for some reason, doing that seems to blanket the #strip, hence, the slider doesn't show
Shamil
Not sure what you mean by this, it works perfectly with this solution.
Tegeril
shall I make them both 100%?
Shamil
You are setting the width of #strip with javascript, right? You need to set the width of the li's to the same width using the same method because you are floating them.
Eric Wendelin
Nope, the width is set using CSS as above.
Shamil
It's become evident that easySlider cannot deal with %s as height or width....
Shamil