I made a html/JavaScript/css menu bar for our church website in two languages so when you mouse over a button, it would switch to my second language, Russian. I would like the bar to always stay the same size even on mouse over because when that happens, the bar expands a little to the right. Is there a way to add a code to stop that from happening? I would like to have someone fix that for me because I don't really know how to do that. Thank you.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN">
<html class="js no-flexbox canvas canvastext no-touch geolocation postmessage no-indexeddb hashchange no-history draganddrop rgba hsla multiplebgs backgroundsize no-borderimage borderradius boxshadow no-textshadow opacity no-cssanimations no-csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions fontface generatedcontent video audio localstorage sessionstorage no-applicationcache svg inlinesvg smil svgclippaths positionfixed"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
vertical-align: baseline;
border-top-color: currentColor;
border-right-color: currentColor;
border-bottom-color: currentColor;
border-left-color: currentColor;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
outline-width: 0px;
outline-style: none;
outline-color: invert;
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: transparent;
}
body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
:focus
{
outline-width: 0px;
outline-style: none;
outline-color: invert;
}
html, body
{
height: 100%;
}
#SITE_STRUCTURE
{
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
min-height: 100%;
}
.hidden
{
display: none !important;
}
.wysiwyg_viewer_skins_screenwidthcontainer_DefaultScreenhc3-inlineContent
{
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
position: absolute;
}
.wysiwyg_viewer_skins_screenwidthcontainer_DefaultScreenhc3-centeredContent
{
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
position: absolute;
}
.wysiwyg_viewer_skins_menu_ShinyMenuISkinrt3-itemsContainer
{
overflow: hidden;
position: relative;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0px 1px 4px rgba(0,0,0,0.6);
background-image: url("http://static.wix.com/services/html-web-skins/1.120.6/images/wysiwyg/core/themes/base/shiny1button_bg.png");
background-attachment: scroll;
background-repeat: repeat-x;
background-position-x: center;
background-position-y: center;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: rgb(126, 124, 124);
}
.wysiwyg_viewer_skins_menu_ShinyMenuISkinrt3-moreContainer
{
position: absolute;
z-index: 99999;
}
.wysiwyg_viewer_skins_menu_ShinyMenuISkinrt3-moreContainer > *
{
margin-top: 10px;
border-top-color: currentColor !important;
border-right-color: currentColor !important;
border-bottom-color: currentColor !important;
border-left-color: currentColor !important;
border-top-width: medium !important;
border-right-width: medium !important;
border-bottom-width: medium !important;
border-left-width: medium !important;
border-top-style: none !important;
border-right-style: none !important;
border-bottom-style: none !important;
border-left-style: none !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3
{
border-left-color: #2a2929;
border-left-width: 1px;
border-left-style: solid;
display: inline-block;
cursor: pointer;
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: rgb(126, 124, 124);
}
.wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-c-gapper
{
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg
{
background-image: url("http://static.wix.com/services/html-web-skins/1.120.6/images/wysiwyg/core/themes/base/shiny1button_bg.png");
background-attachment: scroll;
background-repeat: repeat-x;
background-position-x: center;
background-position-y: center;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: transparent;
}
.wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-label
{
color: #000000;
line-height: 1.4em;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
font-family: "Helvetica", "Arial", "sans-serif";
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size-adjust: none;
font-stretch: normal;
}
:first-child.wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3
{
border-top-color: currentColor;
border-right-color: currentColor;
border-bottom-color: currentColor;
border-left-color: currentColor;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}[listposition=first].wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3
{
border-top-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 10px;
}[listposition=first].wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3 .wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg
{
border-top-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 10px;
}[listposition=last].wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3
{
border-top-left-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;
}[listposition=last].wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3 .wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg
{
border-top-left-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;
}
[state=selected].wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3
{
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: rgb(168, 166, 166);
}
[state=selected].wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3 .wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-label
{
color: #2a2929;
}
ul {
list-style:none;
margin:0;
padding:0;
}
li { display:inline; }
.rollover a {
float:center;
width: 155px;
height: 50px;
line-height:50px;
background:clear;
color:#000;
text-decoration:none;
text-align:center;
font-weight:bold;
}
.rollover a b { display:none; }
.rollover a:hover { visibility:visible }/*ie6 fix*/
.rollover a:hover b { display:block; }
.rollover a:hover span { display:none; }
</style>
</head>
<body style="">
<div class="SITE_STRUCTURE" id="SITE_STRUCTURE" style="width: 980px; visibility: visible; min-height: 1060px;" comp="wysiwyg.viewer.components.WSiteStructure" skin="mobile.core.skins.InlineSkin">
<div tabindex="-1" class="wysiwyg_viewer_skins_screenwidthcontainer_DefaultScreenhc3" id="SITE_HEADER" style="width: 980px; visibility: visible; position: absolute; min-height: 155px;" comp="wysiwyg.viewer.components.HeaderContainer" height="155" width="980" y="0" x="0" styleid="hc3">
<div class="wysiwyg_viewer_skins_screenwidthcontainer_DefaultScreenhc3-centeredContent" style="width: 980px; margin-left: 0px;" skinpart="centeredContent">
<div class="wysiwyg_viewer_skins_screenwidthcontainer_DefaultScreenhc3-inlineContent" skinpart="inlineContent">
<div width="945" tabindex="-1" class="wysiwyg_viewer_skins_menu_ShinyMenuISkinrt3" id="HrzntlMn1" style="top: 100px; visibility: visible; position: absolute; min-height: 45px; opacity: 1; width: 985px; left: 15px;" comp="wysiwyg.viewer.components.HorizontalMenu" height="45" y="100" x="15" styleid="rt3" propertyquery="#HrzntlMn1" dataquery="#SITE_STRUCTURE">
<div class="wysiwyg_viewer_skins_menu_ShinyMenuISkinrt3-itemsContainer" style="width: 985px; height: 45px; text-align: center; overflow: visible; white-space: nowrap;" skinpart="itemsContainer">
<div tabindex="-1" class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3" id="MnBttn1" style="height: 45px; visibility: visible;" comp="mobile.core.components.MenuButton" skin="wysiwyg.viewer.skins.menubutton.ShinyMenuIButtonSkin" dataquery="#mainPage" state="selected" skinpart="repeaterButton" listposition="first">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg" style="padding: 0px 46px 0px 45px;" skinpart="bg">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-c-gapper">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-label" style="width: auto; line-height: 45px;" skinpart="label">
<ul>
<li class="rollover"><a href="#"><span>Home</span><b>Главная
страница</b></a></li>
</ul>
</div>
</div>
</div>
</div>
<div tabindex="-1" class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3" id="MnBttn2" style="height: 45px; visibility: visible;" comp="mobile.core.components.MenuButton" skin="wysiwyg.viewer.skins.menubutton.ShinyMenuIButtonSkin" dataquery="#cjb4" state="" skinpart="repeaterButton" listposition="center">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg" style="padding: 0px 36px;" skinpart="bg">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-c-gapper">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-label" style="width: auto; line-height: 45px;" skinpart="label">
<ul>
<li class="rollover"><a href="#"><span>Ministeries</span><b>Служения</b></a></li>
</ul>
</div>
</div>
</div>
</div>
<div tabindex="-1" class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3" id="MnBttn3" style="height: 45px; visibility: visible;" comp="mobile.core.components.MenuButton" skin="wysiwyg.viewer.skins.menubutton.ShinyMenuIButtonSkin" dataquery="#cbwp" state="" skinpart="repeaterButton" listposition="center">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg" style="padding: 0px 46px;" skinpart="bg">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-c-gapper">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-label" style="width: auto; line-height: 45px;" skinpart="label">
<ul>
<li class="rollover"><a href="#"><span>Youth</span><b>Mолодежь</b></a></li>
</ul>
</div>
</div>
</div>
</div>
<div tabindex="-1" class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3" id="MnBttn4" style="height: 45px; visibility: visible;" comp="mobile.core.components.MenuButton" skin="wysiwyg.viewer.skins.menubutton.ShinyMenuIButtonSkin" dataquery="#c14cs" state="" skinpart="repeaterButton" listposition="center">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg" style="padding: 0px 46px;" skinpart="bg">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-c-gapper">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-label" style="width: auto; line-height: 45px;" skinpart="label">
<ul>
<li class="rollover"><a href="#"><span>Media</span><b>Mедиа</b></a></li>
</ul>
</div>
</div>
</div>
</div>
<div tabindex="-1" class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3" id="MnBttn5" style="height: 45px; visibility: visible;" comp="mobile.core.components.MenuButton" skin="wysiwyg.viewer.skins.menubutton.ShinyMenuIButtonSkin" dataquery="#c1kma" state="" skinpart="repeaterButton" listposition="center">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg" style="padding: 0px 43px;" skinpart="bg">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-c-gapper">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-label" style="width: auto; line-height: 45px;" skinpart="label">
<ul>
<li class="rollover"><a href="#"><span>Events</span><b>События</b></a></li>
</ul>
</div>
</div>
</div>
</div>
<div tabindex="-1" class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3" id="MnBttn6" style="height: 45px; visibility: visible;" comp="mobile.core.components.MenuButton" skin="wysiwyg.viewer.skins.menubutton.ShinyMenuIButtonSkin" dataquery="#c1kyg" state="" skinpart="repeaterButton" listposition="last">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg" style="padding: 0px 40px 0px 41px;" skinpart="bg">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-c-gapper">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-label" style="width: auto; line-height: 45px;" skinpart="label">
<ul>
<li class="rollover"><a href="#"><span>Contact</span><b>Kонтакт</b></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="wysiwyg_viewer_skins_menu_ShinyMenuISkinrt3-moreContainer" style="left: 0px; width: 0px; visibility: hidden; opacity: 0;" skinpart="moreContainer">
<div tabindex="-1" class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3 hidden" id="MnBttn0" style="visibility: hidden;" comp="mobile.core.components.MenuButton" skin="wysiwyg.viewer.skins.menubutton.ShinyMenuIButtonSkin" skinpart="moreButton" listposition="more">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-bg" style="padding: 0px 42px;" skinpart="bg">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-c-gapper">
<div class="wysiwyg_viewer_skins_menubutton_ShinyMenuIButtonSkinrt3-label" skinpart="label"> More </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body></html>