Is there a way to prevent elements from moving when navigating to a page with a scroll bar? I've observed that my elements shift slightly when selecting a page with a scroll bar. See an example here. I am considering forcing a scroll bar to appear on all pages, but I am unsure how to do so and would like to explore other solutions first. Any help would be appreciated. If more code is needed, please let me know.
Thank you, Grant
Below is the CSS for the banner/header and nav bar:
/*TOP BANNER SECTION*/
#banner {
height: 100px;
position: relative;}
#logo {position:relative;
top: -90px;
left:700px;}
#ip_box {
width:210px;
height:43px;
background:#212121;
color: white;
font-size: 15px;
bottom: 10px;
left: 77px;
position: absolute;}
#ip_text {bottom: 11px;
left: 64px;
color: white;
position:absolute;}
... (CSS continues) ...