A scrollable big list with image

I have an unordered-list (sort of a blogroll that goes in the sidebar) that had list of blogs and an orange XML button against it that pointed to the Feed URL. Slowly this list began to grow and now with 150+ elements it becomes difficult to display the list this way.

Now I want to show this list in a scrollable list box. I know that the solution would be to use the good old HTML "select" with a JavaScript to navigate to the site when the user clicks on a list item.

However, the problem is I want to display the list-items as "hyperlinks" and continue showing the XML button. I short I want the same list as before albeit with the "Scroll" facility so that it consumes less space.

How can this be done?

Thanks,

you can not use a select element. Best you can do is make a dive scrollable

<div style="height:100px; overflow:auto;">
your stuff
</div>

Eric

Hi,
there is this thing I wrote a while ago.
It is div, that imitates a select element.
Here is a link, take a look

http://www.devsoftware.com/dhtmlTest/select.html