亚马逊消防电视应用设计

Question

我正在尝试使用HTML5为亚马逊火电视开发并排 3D应用程序，我使用web app tester创建并加载到我的火电视棒上

这是我的代码，

#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>

但这不起作用，文字没有显示在同一位置。