Help.. Adding css to product description.

[Martin]

Hi..

I'm trying to add thumbnail enlarger on the product description on the product page via css, but for some reason it simply won't work, it seems somehow the css is being overwritten with something else..


The following code works on all other standard pages, but not on the product page when added to description...
Anyone got any ideas? spent far to many hours on this now!!

CSS Code :

.piccontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent 

overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 300px; /*position where enlarged image should offset 

horizontally */
z-index: 50;
}

Input to description:

></pre>
<table width="200" border="0">
width="115px"  alt="lala" height="115px" border="0">
src="https://www.smagmere.dk/img/p/37-51-large.jpg"  alt="lala">
lala </t