Checkbox inline with text - JS issue?

I'm currently learning how to program and have been stuck trying to finish the design of a form. I've looked at all previous questions, but none of the solutions seems to work :S. Below are the two things I want to fix:

1. Change the text color and border of the dropdown menu.
2. Align the checkbox and label so they are on the same line.

The code can be seen here: http://ift.tt/1V4YfiW

Here is my current setup for the checkbox and label:

<div id="menu">
    <select class="js-example-basic-single" style="width: 100%;">

#menu{
    font-family: montserrat, arial, verdana;
    font-size:14px;
    border: #2C3E50;
    color:#2C3E50;
    text-align: left;
    height: 20px;
}

Here is my current setup for the checkbox and label:

<div class="inline-field">
    <input type="checkbox" id="checkbox">
    <label for="checkbox">Remember me</label>
</div>

.inline-field input,
.inline-field label {
    display: inline-block !important;
    float:left;
    margin-bottom: 0; /* I added this after I posted my reply */
    vertical-align: middle; /* Fixes any weird issues in Firefox and IE */
    z-index:1;
}

Any advice would be welcomed with open arms!

Cheers,

Johan