CSS formatting questions

I'm using a scheme (CSS recipe of sorts) found on the web for allowing styling of the
options in a look-alike dropdown select list  using CSS and <ul>

i have three questions i need help with (in order of priority)
1.  How to eliminate the "linebreaks" that appear AFTER an option is chosen that display in the "selected" choice

2a.  I tried CSS  span:nth-child(1){left: 0px;}   (etc.)    to column-ize the dropdown options for selection,
but when i did, altho the "tab stops" yielded the desired multiple columns,  each word WITHIN each tabstop is positioned with a wordwrap to place the words under each other in a narrow column manner.  How to have the words within each tabstop appear normally?
2b. After selection, the position/origin is outside of the enveloping container. How to resolve.

3.  Javascript:  how to set the (form input field)  .value  of the chosen option, once clicked on?

URL for Questions #1 & 3:      CHOOSE SIZE   is the dropdown in question

URL for Question #2:      http://rugsforyourhome.com/detail1-TMI2d.php?PID=1&SID=8&CID=25&mcnid=25
Who is Participating?
COBOLdinosaurConnect With a Mentor Commented:
If you want to re-invent the wheel and try to put a square peg into a round hole.  It would be best to not use junk you find on the internet.  90% of what you will find is garbage and near to 100% has limitations and flexibility issues.  The select like some other elements have properties that are inherited from the operating system rather than being native to the browser.

If you must do something like this then be prepared to spend a lot of time doing trial and error to workout the necessary hacks to get around the code you have which is already a horrible hack.  Then be aware that what you do may have issues with some browsers, operating systems and devices; and even after you get it working it may get broken by a change in the specifications or a change in browser support for standards, to say nothing of what can happen if a new version of an operating system includes property changes for the select.

Good luck, but you are basically trying to build something w/ith the foundation sitting in q/uicksand.

BTW even if you find a solution it may not work reliably because the markup has almost 100 validation errors and the page is not stable anyway.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.