Как сделать прикрепить векторную иконку к select?

Question

[Grand Silence]

Привет. Надеюсь вы мне поможете, гуру CSS.
Есть меню, которое отображается списком ul > li.
В первом li - "Мои покупки", всё просто:

<li><a href="#"><span class="icon-basket"></span>Мои покупки</a></li>

Вся область ссылки кликабельна и работает хорошо.
С select'ом все не так хорошо, красным показана зона выделения где мышь активирует selectbox.
Что нужно сделать чтобы span был только видимым, но не кликабельным? как overlay?
HTML Код для select:

<li>                    
<li>
	<span class="icon-dollar-1"></span>
	<select>
		<option disabled="" selected="selected">Валюта</option>
		<option value="wmr">Рубль</option>              
	</select>
</li>

(упрощён) Код CSS для размещения иконки рядом с select:

li {position: relative}
.icon-dollar-1 {left:8px;position:absolute;}
li select {padding-left: 14px;}

эта иконка перекрывает select, z-index не помог.
Скрин:

Answer 1

[Stalker_RED]

Используя z-index расположите иконку на слой ниже.
Или вообще сделайте ее бекграундом.

Comments

[Grand Silence]

Background подходит только для растровых иконок. У меня вектор.

[Stalker_RED]

Richard Silverstone: тогда подкладывайте снизу. видно ее будет, и кликаам не помешает.

[Grand Silence]

Stalker_RED: Дело в том что z-index скрывает иконку полностью, если на слой ниже. Хотя select имеет прозрачный фон. Можно пример?

[Stalker_RED]

Richard Silverstone: jsfiddle.net/rwykzaqy

[Grand Silence]

Stalker_RED: Очень благодарен!

[Stalker_RED]

Richard Silverstone: Даже так jsfiddle.net/rwykzaqy/1

[Stalker_RED]

естественно нужно подключить свой шрифт.

[Grand Silence]

Stalker_RED: Да, я и с первым разобрался. Так и не понял почему у меня не работало.. может что лишнего прописал. Ещё раз благодарен, выручил)

Answer 2

[Murat Atila]

Самый простой способ, использовать на иконку

.icon-dollar-1 {
  pointer-events : none;
}

если вас конечно не смущает поддержка с ИЕ 11+. caniuse.com/#search=pointer-events
А вообще, я бы переверстал select, и добавил бы иконку через псевдоэлемент &:before.