How can I get this altered select box to display inline correctly?

In the first example, you see my altered select box with a custom arrow. Dig it! I want to display that inline, like what I have in the second example. Problem is, you'll see that when I add "display:inline;" I lose my custom arrow.

How can I preserve my custom arrow and still display my select box "inline?"

Featured Post

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.