Css: align image and select with overflow

Css: align image and select with overflow

I have the following html code :
<div>
<img src="..." />
<select> ... </select>
<div>
and the following css :
div {
width: 100px;
height: 32px;
overflow: hidden;
}
img { width: 32px }
select {
width: 150px;
display: inline-block;
}
I need to vertical align the image and the select field. The fact that the
select field will be in overflow is normal. The goal is to show the part
of the select field that is not in overflow next to my image.
Currently, the select field is below the image.
I'm no sure if my explanation is clear, so ask more details if you need.