CSS pseudo :after :before Not working

[ReFuSeR]

\[code\]<div class="select" style=""><label>Status</label><select id="ticket_status_id" name="ticket[status_id]" tabindex="4"><option value="http://stackoverflow.com/questions/15871254/0" selected="selected">New</option><option value="http://stackoverflow.com/questions/15871254/1">Open</option><option value="http://stackoverflow.com/questions/15871254/2">Pending</option><option value="http://stackoverflow.com/questions/15871254/3">Solved</option></select></div>\[/code\]Hey does anyone know how I would add a \[code\]'title'\[/code\] attribute to \[code\]'ticket_status_id'\[/code\]? Using css I can style \[code\]'#ticket_status_id'\[/code\] but when I try using \[code\]'#ticket_status_id:before'\[/code\] or \[code\]'ticket_status_id:after'\[/code\] with \[code\]'content: "";'\[/code\] nothing happens?Thanks in advance for any help