Storndooxoppy
New Member
I'm trying to apply a hover action to multiple elements with different ids, but margin and background position don't change, but when I use the same code for each id it works fine, anyone can help me? Thanks in advance!!\[code\]<li id='gostou' class='menuacao' title="Gostou do Filme?"> <a class='link' href="" target="_blank"></a></li><li id='assistir' class='menuacao' title="Gostou do Filme?"> <a class='link' href="" target="_blank"></a></li>\[/code\]the css looks like this\[code\]#gostou { background: transparent url('img/trailer.png'); margin: 5px 2px;}#assistir { background: transparent url('img/tags.png'); margin: 5px 2px;}.menuacao { background-position: left; height: 40px; width: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; list-style: none; cursor: pointer; }.menuacao:hover { margin: 5px -5px; background-position: -80px; -webkit-transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;}\[/code\]