i have a webpage , problem is when i am minimizing (by clicking maximize button on title bar) webpage, everything shuffle which is not looking good.is there any CSS property for controlling the layout of page when it is minimizing.
admin.shtml------------
<div id="admin">
<!-- header section-->
<!--#include file="header.ssi"-->
<!-- Menu section-->
<!--#include file="menu.ssi"-->
<p> Welcome to admin page</p>
<div>
header.ssi-------------
<table width="100%" bgcolor="black">
<tr height="122" >
<td align="center" valign="middle" width="191" height="102"><img src="images/logo.jpg" alt="" width="140" height="80" border="0" /></td>
<td height="78"><img src="images/head1.jpg" alt="" width="228" height="70" border="0" /><br/>
<img src="images/head2.jpg" alt="" width="431" height="21" border="0" /></td>
</tr>
</table>
menu.ssi------------
<div id="navigation">
<ul>
<li><a href="changepwd.shtml" title="changepwd">Change Password</a></li>
<li><a href="newproduct.shtml" title="newproduct">New Product</a></li>
</ul>
</div>
style.css--------------
#admin {
height: 845px;
margin-left:20%;
margin-right:20%;
border-top: 2px solid black;
border-left: 2px solid black;
border-bottom: 2px solid black;
border-right: 2px solid black;
}
/* Menu field*/
#navigation ul {
margin-left: 50px;
margin-right: 20px;
padding: 0;
list-style-type: none;
text-align: center;
}
#navigation ul li {
float:left;
font-size:14px;
text-align: center;
padding: 0;
margin: 0;
}
#navigation ul li a {
background-color:#BAA377;
color:#000000;
width: 120px;
height: 25px;
margin-top:4px;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
padding: 0;
text-decoration: none;
display: block;
text-align: center;
}
