animation - Trying to change width on hover using css -


i've done before , don't understand why it's not working. i'm trying this: http://jsfiddle.net/geometron/u3m6r/1/

<ul>     <li><a href="content1.html"> demo 1     </a></li>     <li><a href="content2.html"> demo 2     </a></li>     <li><a href="content3.html"> demo 3     </a></li>     <li><a href="content4.html"> demo 4     </a></li>     <li><a href="content5.html"> demo 5     </a></li>     <li><a href="content6.html"> demo 6     </a></li> </ul> 

but ul can have less css. i'm getting: http://jsfiddle.net/geometron/6dul9/

the width doesn't seem want change.

what doing wrong?

tag a behaves bit bad sometimes, when try specify size.

a workaround specify display: inline-block a-tag. (it mess rest of style.) see jsfiddle

better might change width property of <li>:s.


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -