Try to add "display: inline" to the css:
border: 2px solid #656598;
This will force the dropdown to render as a 'normal' text element instead of a block.
Unfortunately, this only added a border before and after every single line in the drop-down, instead of one border around the entire drop-down area. Any other ideas on how to tweak this?
Haha, that's quite a weird effect. That's what I get for not testing...
Instead of display: inline; use display: inline-table; That works for me on RH8.
Thank you so much! This works as long as I'm using IE8. And it also works in Firefox!!
Have a great day!!