CSSボーダーが表示されない

これで困ったタイトルの質問は多分簡単だろうか？CSSボーダーが表示されない

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<style> 
#home_1 { width:920px; height:50px; float:left; border:1px solid black; } 

.left_home1 { float: left; width: 33%; text-align: center; } 

.mid_home1 { float: left; width: 34%; text-align: center; } 

.right_home1 { float: left; width: 33%; text-align: center; } 
</style> 
</head> 
<body> 

<div id="home1"> 

       <div class="left_home1"> 

        left 

       </div> 

       <div class="mid_home1"> 

        middle 

       </div> 

       <div class="right_home1"> 

        right 

       </div> 

</div><!-- close home1 --> 
</body> 
</html>

出典

2012-02-17 Darren Sweeney

'style'タグで'＃home1'にする必要があります。 –

ありがとうございます - 時にはあなたはあまりにも遠くになることがあります！ –

@SagarPatil：なぜあなたは答えでこれを言っていないのですか？それは実際には答えです... – awe