この単純な html 構造には奇妙な問題があります。これがhtmlコードです
<body>
<div class='DatePicker' style="display: inline-block">
<div id="dayDiv" class='DayDiv BorderMe'>
<div id='upArrowDivs' class="BorderMe" style='display: inline-block; height:10%;width:100%;'>
<div class='UpArrowDiv BorderMe'>
</div>
<div class='UpArrowDiv BorderMe'>
</div>
</div>
</div>
</div>
</body>
ここでは、最も内側の 2 つの div が、id "upArrowDivs" を持つ親 div の外側に表示されています。これは、StyleSheet で何が起こっているかを確認できるJsFiddle リンクです。