Witam,
dodałem do swojej strony opcje powiększenia zdjęca po najechaniu na nie i wszystko było by dobrze
gdyby tylko nie to, że działa to poprawnie tylko w IE - firefox oraz opera i inne gadziny dodają do span'a dziwne
boczne marginesy, które nie wyglądają zbyt dobrze.
Wydaje się mi, że problem jest w cssie i tych strasznych pozycja absolute, relative itp..,
ale z kolei nie mam poojęcia dlaczego te marginesy (niebieskie tło) jest akurat tej samej wielkości
w FF jak i w Operze, skoro nie ma żadnych zdefiniowanych szerokości w css'ie.

Prosiłby bardzo o podpowiedź co zrobić z tym fantem.
(Jeżeli to było mielone setki razy to przepraszam, ale wyszukiwarka nie chce ze mną współpracować)

Zapomniałem dodać, link na której jest owy problem to KLIK
Problem leży po najechaniu na obrazek z boxu "fotoclubbing".

Tak wygląda link wraz z obrazkiem:

[PHP] pobierz, plaintext 
<?php
echo"<a class=\"thumbnail\" href=\"\" title=\"\">
<img src=\"\" style=\"padding:2px;border:2px solid #ccd9ff;\" alt=\"\"/>
<span><img src=\"\" style=\"padding:2px;border:2px solid #ccd9ff;width:50%\" alt=\"\"/></span></a>
<div style=\"text-align:center;padding-bottom:5px;\"><a href=\"\" title=\"Zobacz inne galerie\">
<font style=\"color:#ff0000;font-weight:bold\">Zobacz inne galerie</font></a></div>";
?>
[PHP] pobierz, plaintext 

A tak kod CSS:

[HTML] pobierz, plaintext 
.thumbnail img{
border: 1px solid white;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px #08559B;
}
.thumbnail span{
position: absolute;
background-color: #08559B;
padding: 5px;
border: 1px #08559B;
visibility: hidden;
}
.thumbnail span img{ 
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ 
visibility: visible;
top: 300px;
left: auto;
z-index: 100;
}
[HTML] pobierz, plaintext 

Przepraszam że zawracałem kota, problem już rozwiązany!

Jak by ktoś chciał skorzystać, to zamiast definiować szerokość powiększanego obrazka w stylu width:50% - trzeba suatwić szerokośc w px i problem zniknął.