Можно ли создавать собственные элементы, типа <before>, <listbox>

[danik.js]

В верстке часто пользуюсь .selector:before{content: 'some content'} - тоесть генерации контента.
Для ie6-7 нужно использовать expression:

.selector{
	zoom:expression(runtimeStyle.zoom = 1, insertBefore(createElement('before'), firstChild));
}
.selector before{
	zoom:expression(runtimeStyle.zoom = 0, innerText = "some content");
}

Собственно вопрос - не будет ли проблем с этим "кастомным" элементом <before> ? Я могу конечно создавать <span class="before"> , но вопервых это медленней, во вторых на span могут повлиять css-правила, предназначенные для других span.
И другой случай - создаю на js элементы формы, которые можно оформлять на css.
Интересует, можно ли использовать опять же чтото типа
<listbox>
<value></value>
</listbox>
Не возникнет ли проблем?
И можно ли создать
<myns:select>
<myns:input type="text" />
<myns:option></myns:option>
</myns:select>
и будет ли такое работать во всех браузерах?

[DreamTheater]

Насколько я знаю не рекомендуется использовать нестандартные тэги, но если сильно нужно, то можно заюзать xhtml и там объявить кастомные неймспейсы.