помогите с DLE вывод картинки

добрый день.

у меня есть скрипт, который при наведении мышки ,увеличивает картинку, тоесть сначала показывает маленькую ,при наведении большую. всё это прописано в базе и выводе. чтоб этот показ сработал код вывода должен быть такой:

<ul id="gallery"> <li><a href="">

<em><img src="маленькая.jpg"/></em>

<span><img src="большая.jpg"/></span>

</a></li></ul>

сделал это через шаблон. в html выводит так как положено.

+ к этому всему нужны стили вот такие:

<style type="text/css">

/* general */

body {

margin:0;

padding:40px 80px;

background:#fff;

font:70% Arial, Helvetica, sans-serif;

color:#555;

line-height:180%;

}

h1, h2{

font-size:180%;

font-weight:normal;

color:#555;

}

h2{

font-size:140%;

}

p{

margin:0;

padding:1em 0;

width:500px;

clear:both;

}

a{

color:#f20;

text-decoration:none;

}

a:hover{

color:#999;

}

img{

border:none;

}

/* // here comes the goodnes */

ul#gallery, ul#gallery li{

margin:0;

padding:0;

list-style:none;

}

ul#gallery{

margin:2em 0;

}

ul#gallery li{

float:left;

display:inline;

margin-right:5px;

}

ul#gallery a{

float:left;

display:inline;

position:relative;

}

ul#gallery a:hover{

background:none;

z-index:100;

}

ul#gallery a span{

display:none;

}

ul#gallery a:hover span{

float:left;

display:block;

cursor:pointer;

}

ul#gallery a:hover em{

display:none;

}

ul#gallery a img{

border:1px solid #999;

padding:2px;

background:#fff;

}

ul#gallery a:hover img{

border:1px solid #000;

}

/* // goodnes */

/* // general */

</style>

я их вставил в шаблон/css/engine.css

но вывод не происходит. пожскажите плиз почему? может не так вставил в стили или может что-то дле не воспринимает?