html - Cannot Get Hover to Work over a Wrapper Div -

html - Cannot Get Hover to Work over a Wrapper Div -

i need help.

i can't seem able hover working on wrapper/container div

css:

#myhover:hover { border: 1px solid red; }

html:

<div id="myhover" style="background: #ffffff; width: 177px; height: 20px; border: 1px solid #808080;"> <div style="float: left;"> <input id="refdocs" style="padding-left: 4px; padding-right: 3px; height: 15px; width: 158px; border: none;" type="text"> </div> <div style="line-height:18px; font-size: 11pt; color: #779297;">+</div> </div>

because inline styles specific in cascade, can over-ride things didn't intend them to. move #myhover styles style sheet should work fine.

for example:

#myhover { background: #ffffff; width: 177px; height: 20px; border: 1px solid #808080; }

jsfiddle: http://jsfiddle.net/va8bz/

html css html5 css3