element pushed down in safari

http://stackoverflow.com/questions/10332202/css-element-dropping-below-expected-position-in-safari

by ryanwfiorini

HTML

<div id="edit-addplacebtn">
    <div id="addplacebtn">problem button</div>
</div>

CSS

//the element that represents the button that is floating
//too low in safari:

#addplacebtn {
 text-align: center;
 margin-top: 0em;
 margin-bottom: 0em;
 display: inline-block;
 width: 35px;
 float: right;
 background-color: #226083;

}

//the element that is containing the problematic element

#edit-addplacebtn {
 height: 45px;
 width: 35px;
 top: 5px;

}

//the element containing the above element

.tbrow {
 height: 35px;
 width: 285px;
 margin-bottom: 5px;
 margin-top: 5px;
}