Guys i created a website using HTML and CSS.My problem is when i view my website using Internet explore web browser the whole appearance get change.Actually IE increase the height of the website but width is all right.Please tell me how to fix this problem.I have attached a screen shot with this for your ease Thank you
CSS codes are here- This is for whole site @charset "utf-8"; body { font-family:"Times New Roman", Times, serif; background-color:#666666; margin-bottom:0px; padding:2px; } div.wrapper{ margin-left:20px; margin-right:20px; width:1060px; background:#F4F4F4; } #top_nav{ padding-top:5px; padding-bottom:0px; } div.bodu_bag{ background:#CCCCCC; } a:link{ color:#00FFFF; } a:hover{ color:#00CC00; } a:visited{ color:#FFCC00; } #footer{ background:url(../images/footer.png) repeat-x; width:100%; height:50px; color:#FFFFFF; padding-top:40px; margin-bottom:0px; a:link{color:#00FF00}; } .top_menu{ text-align:right; margin-top:0px; margin-bottom:0px; margin-right:10px; } .top-image{ display:inline; width:30px; height:30px; margin-left:6px; margin-right:6px; margin-bottom:0px; margin-top:0px; } img.logo{ margin-top:0px; margin-bottom:0px; padding-top:20px; padding-left:10px; } .lang{ background:#FFFFFF; text-align:right; background-image:url(../images/lang_bg.png); margin-top:0px; background-position:center; padding-right:200px; background-repeat:repeat; height:60px; padding-top:60px; padding-right:10px; } marquee.marq{ border:solid; border-width:1px; border-bottom:none; color:#003300; } HTML: This is for the table (Bug area) td.ad_colm_left{ width:212px; border:#FF3300; border:solid; border-width:1px; height:auto;} div.search{ display:block; } td.ad_colm_right{ width:212px; border:#FF3300; border:solid; border-width:1px; height:auto; } #left_1{ text-align:center; height:303px; margin-bottom:1px; margin-top:0px; } #left_2{ text-align:center; height:303px; margin-bottom:1px; } #left_3{ text-align:center; height:303px; margin-bottom:1px; } #left_4{ text-align:center; height:303px; margin-bottom:1px; } #right_1{ text-align:center; height:303px; margin-bottom:1px; margin-top:1px; } #right_2{ text-align:center; height:303px; margin-bottom:1px; } #right_3{ text-align:center; height:303px; margin-bottom:1px; } #right_4{ text-align:center; height:303px; margin-bottom:1px; } td.main{ width:600px; height:auto; } table.table_bd{ border:none; height:auto; margin-bottom:2px; } td.lb{ width:300px; height:auto; } td.rb{ width:300px; height:auto; } td.a{ text-align:left; width:290px; height:300px; border:none; margin-bottom:0px; margin-right:0px; text-align:center; } td.b{ margin:0px; text-align:left; width:300px; height:300px; border:none; margin-top:0px; margin-left:0px; text-align:center; } td.c{ margin:0px; text-align:left; width:300px; height:70px; border:none; text-align:center; } td.d{ margin:0px; text-align:left; width:300px; height:300px; border:none; text-align:center; } td.g{ text-align:left; width:300px; height:50px; margin:0px; border:none; text-align:center; } td.h{ text-align:left; width:300px; height:50px; margin:0px; border:none; text-align:center; } td.j{ text-align:left; width:300px; height:50px; margin:0px; text-align:center; } td.k{ text-align:left; width:300px; height:50px; margin:0px; text-align:center; } td.l{ text-align:left; width:300px; height:50px; margin:0px; text-align:center; } td.i{ text-align:left; width:300px; height:400px; margin:0px; text-align:center; } td.m{ text-align:left; width:150px; height:50px; margin:0px; text-align:center; } td.n{ text-align:left; width:150px; height:50px; margin:0px; text-align:center; } td.o{ text-align:left; width:150px; height:50px; margin:0px; text-align:center; } td.p{ text-align:left; width:150px; height:50px; margin:0px; text-align:center; } td.q{ text-align:left; width:300px; height:50px; margin:0px; text-align:center; } td.e{ text-align:left; width:400px; height:50px; margin:0px; text-align:center; } td.r{ text-align:left; width:200px; height:50px; margin:0px; text-align:center; } td.f{ text-align:left; width:100px; height:50px; margin:0px; text-align:center; } td.s{ text-align:left; width:500px; height:50px; margin:0px; text-align:center; } td.v{ text-align:left; width:600px; height:50px; margin:0px; text-align:center; } td.w{ text-align:left; width:600px; height:50px; margin:0px; text-align:center; } td.y{ text-align:left; width:300px; height:50px; margin:0px; text-align:center; } td.z{ text-align:left; width:300px; height:25px; margin:0px; text-align:center; } td.t{ text-align:left; width:600px; height:125px; margin:0px; text-align:center; } td.x{ text-align:left; width:300px; height:50px; margin:0px; text-align:center; } HTML: