Thanks for that CSS tricks link. Chrome was the browser that it would not show in, both desktop and Android, but the [_webkit-appearance: none;] declaration made it show up in chrome. Using 0 for the border and matching the background color of the “select” item fixed the rest of the visuals on the phone display. Now, I can resize the image and have a working model for the client to use for his reviews. Thanks again.
Here is the custom css used for placing that image in your menu’s top position.
select.jquery-responsive-select-menu {background-image: url("/images/MobileMenuLinkBars.png"); color: #4362A4; background-color:#000000; background-repeat: no-repeat; border: 0; height: 50px; width: 100px; margin: 0 0 0 20px; -webkit-appearance: none;}
