css3 transform rotate 90deg not working

mdavi71

New Member
Issue:Each "li" tag not coming one by one (fixed from top left). Instead it flows from left to right...My HTML is:\[code\]<div class="fixed-button"> <ul> <li><a href="http://stackoverflow.com/questions/12820388/#" title="">Contact Us</a></li> <li><a href="http://stackoverflow.com/questions/12820388/#" title="">nh;kjfwae ilfmnsdkl;</a></li> </ul></div>\[/code\]And CSS is:\[code\]div.fixed-button{ position: absolute; display: block!important; width: 0; height: 0; z-index: 90000; margin: 0; outline: 0; top: 200px;}div.fixed-button a{ background: url("images/fix-bug-repeat.png") repeat 0 0; margin-left: -33px; height: auto; padding: 10px 14px; font: bold 13px/16px arial, sans-serif; color: white; text-align: center; -moz-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); white-space: nowrap; position: absolute; left: 0; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); border-bottom-width: 0; margin-bottom: 20px; text-decoration: none;}\[/code\]I tried all the possible ways. But not working. Please fix this bug.
 
Back
Top