css divs overlapping in IE8 and if logged in with tablet / netbook /diff size screans

[surbhi]

hi,
I am trying to develop a web site. its looking fine in crome in my lappy only... but when i change the desktop or browser the divs are overlapping...

.header_box
{
position:absolute;
top:0%;
left:10%;
right:10%;
width:80%;
height:20%;
}
.header_left_box{

float:left;
width:20%;
height:28%;
top:29%;
bottom:10%;
border:thin #000000;
background-image:url(images/MGurujeeLogo.gif);
left:2%;
}
.header_2_right{

float:right;
padding:0px;
height:15%;
width:20%;
border:thin #000000;
right:2%;
top:-10%;
}
.search
{
position:absolute;
width:45%;
left:33%;
border:thin #000000;
top:2px;

}
.header_go{
position:relative;
background-image:url(images/go.jpg);
left:151px;
height:16px;
top: 4px;
width:20px;
}

.header_1{
position:absolute;
top:22%;
width:15%;
height:90%;
border:thin #000000;
left:10%;
}
.header_2{
position:relative;
width:100%;
height:4%;
border:thin #000000;
top:8%;
}
.ccenter_box{
position:absolute;
width:50%;
height:90%;
border:thin #FF0066;
left:25%;
top:22%;
}




----------------------php code---------------

<div class="header_box" style="border:1px solid #000000">
<div class="header_top_marquee">
<marquee direction="right" scrollamount="10" scrolldelay="1" width="30%" height="5%">A FLASH WILL BE INSERTED AT THIS PORTION</marquee>
</div>
<div class="header_left_box"></div>
<?php if($_SESSION['loggedin']===true){?>
<div class="header_2_right"><br /> <br />
<div>Hello <?php echo $_SESSION['username'];?> | <a href="index.php"> Logout</a></div>
<?php session_destroy(); ?>
</div>
<?php }else{ ?>
<div class="header_2_right">
<form name="loginform" action="index.php" method="post">
<h5>Username<input type="text" name="login_username" value='<?php $_POST[login_username]?>' size="15"/>
<br/>
Password
<input type="password" name="login_password" value='<?php $_POST[login_password]?>' size="15"/>
<br />
<center><input type="submit" name="login" value="sign in" />
<br />
<a href="javascript:void(0);" onclick="PopupCenter('forgotpassword.php', 'myPop1',400,160,200,400);">forgot password?</a><br />
<a href="javascript:void(0);" onclick="PopupCenter('new_user.php', 'myPop1',500,500);">new user?</a></center>
</h5>
</form>
</div>
<?php } ?>

</div>
<div class="orange"></div>
<div class="header_1" style="border:1px solid #000000">
<div class="find_us_on">
<br />
&nbsp;<a href="http://www.facebook.com/pages/Mospay-Infotech-I-Pvt-Ltd/195798610477302" target="_blank"><img src="images/facebook.png" alt="facebook" width="25" height="25" /></a>
<a href="https://twitter.com/#!/mospayinfotech" target="_blank">
<img src="images/twitter.png" alt="tweet us at" width="25" height="25" /></a>
<a href="" target="_blank"><img src="images/email us at.jpg" alt="Email us at" width="25" height="25" /></a>
<a href="http://www.linkedin.com/company/657686?goback=%2Efcs_GLHD_MosPay+_false_*2_*2_*2_* 2_*2_*2_*2_*2_*2_*2_*2_*2&trk=ncsrch_hits" target="_blank">
<img src="images/linkedin.png" alt="linkedin" width="25" height="25" /></a>

<img src="images/faq.jpg" alt="linkedin" width="25" height="25"></p>
</div>

<div class="home_cat_fav">
<table width="99%" height="65" id="tableid">
<tr width="99%" align="center" bgcolor="#003399"> <td height="20" ><a href="index.php"><font color="#ffffff">
HOME</font></a></td> </tr>
<tr width="99%" align="center" bgcolor="#003399"> <td height="20"><a href="categories.php"><font color="#ffffff">
CATEGORIES</font></a></td> </tr>
<tr width="99%" align="center" bgcolor="#003399"> <td height="20"><font color="#ffffff">
FAVORITE APPS</font></td> </tr></font>
</table>
</div>
<div class="div_feedbackform" style="background-color:#003366">
<form name="feedback" action="index.php" method="post">
<table width="100%" border="0" align="left" cellpadding="1" cellspacing="1">
<tr>
<td align="left" width="30%"><font color="#FFFFFF" size="-1">User Name:</font></td>
<td>
<input type="text" size="11" value="" name="user_name" /></td>
</tr>

<tr>
<td align="left" width="50%"><font color="#FFFFFF" size="-1">Email:</font> </td>
<td >
<input type="text" size="11" value="" name="email" /></td>
</tr>
<tr>
<td align="left" valign="top"><font color="#FFFFFF" size="-1">Comments:</font> </td>
<td><textarea rows="4" cols="10" name="comments"></textarea></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr> </table>
<input type="submit" name="feed_back" value="submit" />&nbsp;<input type="button" name="close" value="Close Window" onclick="javascript:window.close();" /> </form>
</div>
<p class="feedback">
<font color="#FFFFFF">FEEDBACK</font> </p>
</div>
<div class="right_div" style="border:1px solid #000000">
<img src="surbhi/images/featured_product_03.jpg" width="100%" height="50%" />
<p>ADVERTISMENT GOES HERE</p>
</div>

<div class="ccenter_box" style="border:1px solid #000000">
<div class="search">
<form name="search" method="post" action="index.php">
<input type="text" class="defaultText" title="search apps here" name="search_apps_here"/>
<input type="submit" name="go" value="go" />
</form>
<?php
mysql_select_db("mospay", $conn);
if($_REQUEST['go'] == 'go')
{
$searched_item=$_REQUEST[search_apps_here];
echo $searched_item; //working
echo "<div class='apps'>";
$sql="SELECT application_name FROM applications WHERE application_name LIKE '$searched_item'";
$result=mysql_query($sql,$conn) or die(mysql_error());
$row = mysql_fetch_assoc($result);
do
{
$_SESSION[$i] = mysql_fetch_array($result);

echo "<ul>";
echo "<li>" .$_SESSION[$i][0] . "</li>";
echo "</ul>";

} while(mysql_num_rows($result)>=$i++);


echo "</div>";
}
?>
</div>
<div class="header_2">
<table width="100%" height="36" border="1px" id="tableid">
<tr>
<td bgcolor="#000066" width="100%" height="30" align="center"><font color="#FFFFFF">FEATURED 10</font> </td>
<!-- <td width="189"></td>
<td width="189" align="right"></td>
<td width="189">&nbsp;</td> -->
</tr>
</table>

</div>
<?php
echo "<div class='apps'>";
$sql="SELECT application_name FROM applications WHERE size=10 ";
$result=mysql_query($sql,$conn) or die(mysql_error());
$i=0;
do
{
$_SESSION[$i] = mysql_fetch_array($result);
//echo $_SESSION[$i][0];
echo "<ul>";
echo "<li>" .$_SESSION[$i][0] . "</li>";
echo "</ul>";
$i++;

} while(mysql_num_rows($result)>=$i++);
/*do{
echo "<li>" .$_SESSION[$i][0] . "</li>";
$i++;
}while($_SESSION[$i][0]!=NULL);
echo "</ul>";*/
echo "</div>";
?>
</div>
<div class="orange2"></div>
<div class="footer">

**<a href=""> Home </a> &nbsp; | &nbsp;
<a href="privacy_policy.php" >Privacy policy </a> &nbsp; | &nbsp;
<a href="" > Terms and conditions </a> &nbsp; | &nbsp;
<a href=""> Become a partner </a>
<div id="copyright">Copyright © 2012 <a href=""> MguruJee.com </a></div>
</div>
</body>
</html>