विंडो आकार बदलने पर घटकों को भी ओवरलैप किया जा रहा है

मेरे पास मेरी सीएसएस है जैसा कि यहां दिखाया गया है

body {
    margin:0px auto;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 12px;  
}
html { overflow-y:scroll; }
a    { color:#038ad8; text-decoration:none; cursor:pointer; }   
a:focus { outline: 0; }
a:hover { text-decoration:none; color:#333 }

a.logo, fl, ul#topnav li, ul#topnav li a , .searchBox1, .cmprSite , .chkLbl,
.chk , .selPeriodBox input, .selPeriodBox select, .selPeriodBox label.txtLbl,
 .leftbar, .content, .homeBoxInr1 .homeBox3, .subTabsLinks2 input
{ float: left; }

.fr { float:right; }
h1, h2, h3, ul#topnav, ul#topnav li, form , .subTabs ul, .subTabs  ul
li, .leftNav ul, .leftNav ul li { margin:0; padding:0; }

कृपया यहां छवि देखें।

(मैं एक पॉपअप विंडो खोल रहा हूं) div के साथ एक चार्ट दिखाया गया है।

मुद्दा यह है कि अगर खिड़की का आकार बदलता है, तो मैं नहीं चाहता कि मेरे घटकों का आकार बदला जाए।

यह मेरी दिव्या है

<div  class="centered" id= "finance"/>

कृपया मेरी मदद करें