CSS Одна граница исчезает в Safari

Question

Я воссоздал мой случай здесь http://jsfiddle.net/eE9cs/

Html:

<form id="form_login" name="form_login" method="post">
   <div class="formcontent rounded_corners">
      Content...
   </div>
</form>

И CSS:

.rounded_corners{
border: 1px solid #033C64;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
}

#form_login .formcontent{padding: 20px; width: 30%; margin-left:30%;}
.formcontent {float:left; margin-bottom:50px;background-color: #F3F6FB;}

У меня есть контейнер с границами (со всех сторон) и закругленными углами. Дело в том, что в Safari не отображается правая граница (все отлично работает в FF и Chrome). Если я уберу закругленные углы, появится правая граница. Также, если я уберу свойство margin-left css из правой границы контейнера, также появится.

Как я могу это исправить?

Answer 1

На внешнем div попробуйте следующее: add overflow:hidden. Также вы можете попробовать box-sizing: border-box.

Во всяком случае, вы можете попробовать много вещей, но я не смогу вам помочь без полного кода.