Safari css ссылка не в строке

Question

У меня проблема с Safari. Во всех браузерах во второй строке вход и ссылка находятся в одной строке, кроме Safari. Любая идея почему?

HTML

<div id="searchWrapper01"> 
<div id="regulationsSearch"> 
    <span class="item01">Traži u:</span> 
    <select class="item02"> 
     <option value="0">Naslovu i tekstu</option> 
     <option value="1">Naslovu</option> 
    </select> 
    <input type="text" class="item03" /><a href="/#search" onclick="vent.trigger('loadData:searchRegulationsResults')" class="item04">Traži</a> 
</div> 

jsfiddle.net

Answer 1

Иногда может быть разница 1px между браузерами, версии и т.д. и т.п. Это происходит потому, что вы используете поля и поплавки. Вместо этого используйте display: inline-block.

DEMO jsFiddle

#regulationsSearch .item03{ 
    display: inline-block; 
    position:relative; 
    width:181px; 
    height:24px; 
    border:solid 1px #333; 
    padding:0 5px; 
    margin:5px 5px 0 0; 
    outline:none; 
} 
#regulationsSearch .item04{ 
    display: inline-block; 
    position:relative; 
    width:60px; 
    height:26px; 
    text-align:center; 
    line-height:26px; 
    background-color:#333; 
    color:#fff; 
    text-decoration:none; 
    margin:5px 0 0 0; 
    font-size:12px; 
}