CSS库没有响应

我的CSS库规范与我的HTML5不对应。这些图像不在悬停标记之后，而是显示在所有其他图像之上。它将不会保持固定，但当我改变定位，以固定它消失在一起。CSS检查器状态验证所有问题。我也不能把它放在我想放在页面上的地方。任何帮助都将不胜感激。提前谢谢

CSS代码

---

你能把所有的标记和样式放到一个JSFIDLE中吗？对不起，我是html和css新手。什么是jsfiddle？jsfiddle.net-在那里创建你的页面。谢谢你的提示。它仍然显示相同的内容way@Hayley这个想法是，您可以在这里与其他人共享您创建的JSFIDLE测试的URL。

#gallery {

bottom: -20px;
padding-right: 50px; 
display: inline;
top: 200px;
z-index: 99999999;
}

#gallery ul {
list-style-type: none;
padding: 20px;
text-align: center;
position: fixed;


}

#gallery li {
display: inline;
padding-right: 20px;

}

#gallery img {
padding: 5px 5px 40px 5px;
background: white;
box-shadow: 4px 4px 8px -4px #000000;
-webkit-box-shadow: 4px 4px 8px -4px #000000;
-mox-box-shadow:4px 4px 8px -4px #000000;
}


#gallery:hover {


-webkit-transform:scale(5%);
-o-transform:scale(5%);
-moz-transform:scale(5%);
-ms-transform: scale(5%);
transform: scale(5%);

transition: 0.5s ease-in-out;
-webkit-transition:0.5s ease-in-out;
-o-transition:0.5s ease-in-out;
-mox-transition:0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
}