Witam

Użyłem na jednej ze stron skryptu CSS (galerii) powiększania miniatur po najechaniu na nią kursorem myszy. Chciałem go zmienić o to, że po najechaniu na miniaturę, obok niej pokaże się jej większe zdjęcie (domyślnie większe zdjęcie przykrywa miniaturkę tak długo jak długo kursor pozostaje na zdjęciu). Zdjęcie pokazuje się dobrze, ale gdy wjeżdża na czarne tło to jest w nim ukrywane (ucinane, zakrywane przez czarny kolor). Nie wiem dlaczego ;/ Proszę o pomoc.

Kod HTML:

[HTML] pobierz, plaintext 
...
<div class='hoverbox'>
...
<a href='#'>
<img src='/thumbs/miniatura.jpg' width='90px' height='90px' />
<img src='/obrazki/duzy.jpg' class='preview' />
</a>
...
</div>
...
[HTML] pobierz, plaintext 

Kod CSS:

[HTML] pobierz, plaintext 
 
.hoverbox
{
 
}
 
.hoverbox a
{
	cursor: default;
}
 
.hoverbox a .preview
{
	display: none;
}
 
.hoverbox a:hover .preview
{
	display: block;
}
 
.hoverbox img
{
	background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	vertical-align: top;
	width: 90px;
	height: 90px;
}
 
.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}
 
.hoverbox .preview
{
display: block;
	border-color: #000;
        margin-left: -340px;
        margin-top: 0px;
        z-index: 400000;
        position: absolute;
	width: 375px;
	height: 375px;
}
[HTML] pobierz, plaintext