用Css布局后，为何浏览的界面会变掉？

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title>无标题页 </title> 
    <style type ="text/css" > 
    body{ 
        margin:0px; 
        padding:0px; 
        } 
    #head 
    { 
        clear:both ; 
        width:100%; 
        height :120px; 
        background: red ; 
    }  
    #Side_left 
    {  
        float:left; 
        width:50%; height:500px;  
        border-right-color:Black; 
        border-right-style :solid ; 
        border-right-width:1px;  
        background: yellow ; 
    } 
    #Side_right 
    { 
        clear:both ; 
        width:50%; 
        height:500px ; 
        float:right ; 
        background: #5a7edc ; 
        padding-top:150px; 
        padding-left:5px;     } 
    #Container    /*Div 容器*/ 
    { 
        position:relative ; 
        width:100%; 
        margin:0 auto; 
    }     #Side_right div.Drow  /*右边窗体 子窗体*/ 
    { 
        clear:both ; 
        float:left ; 
width:100%; height:50px; 
border-bottom:solid red 1px; 
margin-top:50px; 
} 
    #Side_right div.ConLab  /*Div 标签*/ 
    { 
        float:left ; 
width:auto ;height:20px; 
border:solid black 1px;      
        padding:3px; 
} 
#Side_right div.ConTxt  /*Div 文本*/ 
{ 
        float:left ; 
width:auto ;height:24px; 
border:solid black 1px; 
        padding:1px; 
        
}  
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
        <div id="Container"> 
            <div id="head">head </div> 
            <div id="Side_left">left 
            </div> 
            <div id ="Side_right">Side_right 
                  <div class="Drow"> 
                      <div  class="ConLab" > 
                          <asp:Label ID="Label1" runat="server" Text="用户名:" > </asp:Label> 
                      </div>  
                      <div  class="ConTxt" > 
                          <asp:TextBox ID="TxtId" runat="server"> </asp:TextBox> 
                      </div>                                      
                  </div> 
                  <div class="Drow"> 
                  </div>                  
            </div>    
        </div> 
    </form> 
</body> 
</html> 
以上是我需要的结果，但是我把下面代码放到logo.Css后用浏览器浏览，发现side_right 的内容变了 
    body{ 
        margin:0px; 
        padding:0px; 
        } 
    #head 
    { 
        clear:both ; 
        width:100%; 
        height :120px; 
        background: red ; 
    }  
    #Side_left 
    {  
        float:left; 
        width:50%; height:500px;  
        border-right-color:Black; 
        border-right-style :solid ; 
        border-right-width:1px;  
        background: yellow ; 
    } 
    #Side_right 
    { 
        clear:both ; 
        width:50%; 
        height:500px ; 
        float:right ; 
        background: #5a7edc ; 
        padding-top:150px; 
        padding-left:5px;     } 
    #Container    /*Div 容器*/ 
    { 
        position:relative ; 
        width:100%; 
        margin:0 auto; 
    }     #Side_right div.Drow  /*右边窗体 子窗体*/ 
    { 
        clear:both ; 
        float:left ; 
width:100%; height:50px; 
border-bottom:solid red 1px; 
margin-top:50px; 
} 
    #Side_right div.ConLab  /*Div 标签*/ 
    { 
        float:left ; 
width:auto ;height:20px; 
border:solid black 1px;      
        padding:3px; 
} 
#Side_right div.ConTxt  /*Div 文本*/ 
{ 
        float:left ; 
width:auto ;height:24px; 
border:solid black 1px; 
        padding:1px; 
        
} 
////////////////////////////////////////////////////////////////////////////////////////////// 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title>无标题页 </title> 
    <link href="Css/Login.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
        <div id="Container"> 
            <div id="head">head </div> 
            <div id="Side_left">left 
            </div> 
            <div id ="Side_right">Side_right 
                  <div class="Drow"> 
                      <div  class="ConLab" > 
                          <asp:Label ID="Label1" runat="server" Text="用户名:" > </asp:Label> 
                      </div>  
                      <div  class="ConTxt" > 
                          <asp:TextBox ID="TxtId" runat="server"> </asp:TextBox> 
                      </div>                                      
                  </div> 
                  <div class="Drow"> 
                  </div>                  
            </div>    
        </div> 
    </form> 
</body> 
</html> 
设计时显示的结果一样 
但是用IE浏览后，side_right部分显示不一样。 
不知哪位大侠可以帮帮我！