Scalable background on hover على خلفية قابلة

كيف يمكنني الحفاظ على نسبة الارتفاع في خلفية الرسم الذي يظهر على ربط هذه الدول : : تحوم ، وهو : نشط ، li.selected أ : الارتباط ، وli.selected أ : زار؟

اقتباس :

/* Universal style rule */ / * * سيادة النمط العالمي /
* { * (
margin : 0 ; هامش : 0 ؛
padding : 0 ; حشوة : 0 ؛
} )

body { الهيئة (
background-color : #484848 ; لون الخلفية : # 484848 ؛
font-family : Geneva , Arial , Helvetica , sans-serif ; الخط الأسرة : جنيف ، ارييل ، هلفتيكا ، بلا - الرقيق ؛
} )

#wrapper { # الغلاف (
width : 61.25em ; العرض : 61.25em ؛
/* Temporary height */ / * * ارتفاع المؤقتة /
/* height:37.50em;*/ / * الطول : 37.50em ؛ * /
background-color : #000000 ; لون الخلفية : # 000000 ؛
border : thin solid #999999 ; الحدود : رقيقة الصلبة # 999999 ؛
/* Put 20px margin above the wrapper */ / * ضع 20px الهامش فوق المجمع * /
/* Set right and left to auto for centering */ / * مجموعة من اليمين واليسار على السيارات لتركز * /
margin : 10px auto ; الهامش : 10px السيارات ؛
padding : 0 ; حشوة : 0 ؛
/* Required for absolutely-positioned layout only */ / * مطلوب للغاية ، وضع تخطيط فقط * /
position : relative ; الموقف : النسبية ؛
} )

/******************** Branding Division Styles ********************/ /******************** الماركات التجارية شعبة أنماط ********************/
#branding { (# العلامات التجارية
/* For absolutely-positioned hyperlinks */ / * للحصول على وصلات على الاطلاق ، المتمركزة * /
border-bottom : solid 1px #EF1922 ; الحدود القاع : 1px الصلبة # EF1922 ؛
float : left ; تعويم : غادر ؛
position : relative ; الموقف : النسبية ؛
} )

#branding h1 { # الوسم h1 (
color : #CCCCCC ; اللون : # وووووو ؛
font-family : "Copperplate Light" , "Copperplate Gothic Light" , sans-serif ; الخط بين أفراد الأسرة : "صفيحة نحاسية لايت" ، "صفيحة نحاسية القوطية لايت" ، بلا - الرقيق ؛
font-size : 1.4em ; حجم الخط : 1.4em ؛
font-weight : normal ; الخط الوزن : عادي ؛
letter-spacing : .1em ; الرسالة تباعد :.1 م ؛
top : 2.45em ; العلوي : 2.45em ؛
left : 2.3em ; اليسار : 2.3em ؛
float : left ; تعويم : غادر ؛
position : relative ; الموقف : النسبية ؛
} )

#branding img { # img (العلامات التجارية
width : 55 % ; العرض : 55 ٪ ؛
margin-top : 0 ; هامش قمة : 0 ؛
float : right ; تعويم : الحق ؛
margin-left : 10.5em ; هامش اليسار : 10.5em ؛
position : relative ; الموقف : النسبية ؛
} )

/******************** Navbar Division Styles ******************/ /******************** نافبار شعبة أنماط ******************/

#navbar { (# نافبار
/* For absolutely-positioned navbar */ / * للاطلاع على الاطلاق ، المتمركزة نافبار * /
position : relative ; الموقف : النسبية ؛
float : left ; تعويم : غادر ؛
margin-top : .5em ; هامش قمة :.5 م ؛
margin-left : .25% ; هامش اليسار :.25 ٪ ؛
} )

/* Remove bullets from ul in the navbar */ / * إزالة الرصاص من ماي في نافبار * /
#navbar ul { # ماي نافبار (
list-style-type : none ; قائمة على النمط من نوع : لا شيء ؛
padding-left : 1.5em ; حشوة اليسار : 1.5em ؛
} )

/* List items in the navbar */ / * بنود قائمة في نافبار * /
#navbar li { # نافبار لى (
display : inline ; عرض : المحول ؛
} )

/* Applies to navbar links, unvisited and visited */ / * يطبق على روابط نافبار لم تسبق زيارتها ، وزار * /
#navbar a , # نافبار أ ،
#navbar a :link , # نافبار أ : الارتباط ،
#navbar a :visited { # نافبار أ : زار (
text-decoration : none ; النص الديكور : لا شيء ؛
font-size : 75 % ; حجم الخط : 75 ٪ ؛
font-family : "Copperplate Light" , "Copperplate Gothic Light" , sans-serif ; الخط بين أفراد الأسرة : "صفيحة نحاسية لايت" ، "صفيحة نحاسية القوطية لايت" ، بلا - الرقيق ؛
color : #CCCCCC ; اللون : # وووووو ؛
letter-spacing : .1em ; الرسالة تباعد :.1 م ؛
padding-left : 2em ; حشوة اليسار : 2em ؛
padding-right : 3em ; حشوة اليمين : 3em ؛
outline-style : none ; مخطط على غرار : لا شيء ؛
zoom : 1 ; التكبير : 1 ؛
} )

/* Navbar hover, active, and current page links */ / * نافبار تحوم ، نشط ، وروابط الصفحة الحالية * /
#navbar a :hover , # نافبار : تحوم ،
#navbar a :active , # نافبار أ : نشط ،
#navbar li .selected a :link , # لى نافبار. مختارة من : الارتباط ،
#navbar li .selected a :visited { # لى نافبار. المختارة أ : زار (
background : url ( bullet.gif ) no-repeat ; خلفية : عنوان (bullet.gif) عدم تكرار ؛
background-position : - 10 % 50 % ; خلفية موقف : -- 10 ٪ 50 ٪ ؛

} )