javascript - Amazon Fire TV アプリのデザイン

Question

HTML5 を使用してAmazon Fire TV用のサイドバイサイド3Dアプリケーションを開発しようとしています.Webアプリテスターを使用して作成し、Fire TVスティックにロードしました

ここに私のコードがあります、

#right{
 width: 50%;
display: inline-block;
float: left;
height: 100%;
background-color: gray;

position: absolute;
 }
 #left{
 	width:50%;
 	display: inline-block;
 	float: right;
 	height: 100%;

 	background-color: gray;
 }
.container{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: block;

position: absolute;
}

<div class="container">
  
  <div id="left">
     This text shuld view as single when i enable 3D mode on my TV
     </div>
  
 <div id="right">
   This text shuld view as single when i enable 3D mode on my TV
    </div>
  
</div>

しかし、これは機能しません。テキストは同じ位置に表示されません。