Hi there,

When I browse with *"Firefox version 3.0.12"* to this
link<http://casa-annonces.info/scrollable/slideshow.php>, who shows
the scrollable tool as you will see in this link
image too <http://casa-annonces.info/scrollable_imgs/firefox.jpg>. If you
are not using Firefox.

But when I use *IE version 6.0* the display of the scrollable tool is not
the same as you will see
here:<http://casa-annonces.info/scrollable_imgs/ie6.jpg>

* I think the issue comes from the background called h150.png, no?*

So my question is: why this background is not displayed correctely like in
Firefox?

Thanks in advance for your help.

*The CSS code:*

/* root element for the whole scrollable setup */
div.scrollable {
position:relative;
overflow:hidden;
width: 646px;
height:300px;
}
/*
root element for scrollable items. It is
absolutely positioned with large width.
*/
#thumbs {
position:absolute;
width:20000em;
clear:both;
border:1px solid #222;
}
/* custom positioning for navigational links */
a.prev, a.next {
margin-top:118px;
}

/* single item */
#thumbs div {
float:left;
width:214px;
height:300px;
*background:#333 url(../_images/jquery_img/btns/h150.png) repeat-x 0 146px;
/*the background */*
color:#fff;
border-left:1px solid #333;
cursor:pointer;
}
/* style when mouse is over the item */
#thumbs div.hover {
background-color:#444;
}
/* style when element is active (clicked) */
#thumbs div.active {
background-color:#066;
cursor:default;
}
#thumbs h3, #thumbs p, #thumbs span {
margin:13px;
font-family:"bitstream vera sans";
font-size:13px;
color:#fff;
}
#thumbs h3 em {
font-style:normal;
color:yellow;
}
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to