This is more a CSS question than a Rails one.
In AWDwR, in the script.aculo.us section talking about auto-completion, it says
"It is worth highlighting that there is no JavaScript to enable the arrow-up, arrow-down, highlight behavior of the list. It is enough to provide the stylesheet above; it turns out that all <ul> tags support that behavior (in relatively modern browsers) and just need styles to show off the changing state."
So am I right in believing that the following .html file would display something like a selection box, when arrow-up, arrow-down and mouse hover events happen? Doesn't seem to. All other CSS select boxes on the Web have at least a :hover definition, and a little bit of JavaScript for IE.
<html> <!--DTD stuff --> <head> <style> div.auto_complete { width: 350px; background: #fff ; } div.auto_complete ul { border:1px solid #888 ; margin:0; padding:0; width:100%; list-style-type:none; } div.auto_complete ul li { margin:0; padding:3px; } div.auto_complete ul li.selected { background-color: #ffb ; } div.auto_complete ul strong.highlight { color: #800 ; margin:0; padding:0; } </style>
<body> <div class="auto_complete"> <ul> <li>one</li> <li>two</li> <li>three</li> </ul> </div> </body> </html>