your website layout obviously does not look healthy. it scrolls horizontally too much. I guess you are using fixed width style sheet and the width is too bid. The problem with your sidebar is also related to the width of your total body width. So if this is not a theme that u designed yourself then get another theme that does not scroll.
In your theme you need to edit the CSS for the navigation div. Firebug shows 912px for the width of that box. Change it to 100% or the correct size in pixels.
My style.css file is very small for some reason and doesn't allow those adjustments: /* Theme Name: Flexibility2 Theme URI: http://www.flexibilitytheme.com/ Description: Flexibility2 is the newest release of the world's most customizable WP theme. View tutorials on customization and feel free to make a donation at <a href="http://www.flexibilitytheme.com">FlexibilityTheme.com</a>. Version: 1.0 Author: Ryan Grabenstein Author URI: http://www.flexibilitytheme.com Tags: dark, light, two-columns, custom-colors, custom-header, theme-options, right-sidebar, threaded-comments */
Look under widgets.css or style.php #nav { background:url("images/navssbg.png") repeat-x scroll left top #005DE0; border-bottom:2px solid #000000; height:33px; margin:0; padding-left:8px; width:952px; Code (markup):
Thanks very much for your help. here is what I found for the NAV settings but i am not seeing what should be modified: /*--- Navigation Menu Settings ---*/ #nav { <?php if ($flex_nav_style == "simple") { ?> background: url(images/navfhleft.png) left top repeat-x; background-color: #<?php echo $flex_nav_barback; ?>; padding-left:0px; <?php } elseif ($flex_nav_style == "indent") { ?> background: url(images/navrdleft.png) left top repeat-x; background-color: #<?php echo $flex_nav_barback; ?>; padding-left:4px; <?php } elseif ($flex_nav_style == "aqua") { ?> background-image:none; background-color:#000; padding-left:10px; <?php } elseif ($flex_nav_style == "tabs") { ?> background: url(images/navssbg.png) left top repeat-x; background-color: #<?php echo $flex_nav_barback; ?>; padding-left:10px; <?php } elseif ($flex_nav_style == "cnn") { ?> background-color: #FFF; padding-left:0px; text-transform: uppercase; font-size:11px; <?php } ?> border-bottom: solid <?php echo $flex_blog_borderwidth; ?>px #<?php echo $flex_blog_bordercolor; ?>; width:<?php echo $navwidth; ?>px; margin: 0px; padding-left: 8px; height:33px; } #nav ul { margin: 0; padding: 0; list-style: none; } #nav li { float: left; margin-right: 8px; <?php if ($flex_nav_style == "simple") { ?> margin-right: 0px; <?php } elseif ($flex_nav_style == "tabs"){ ?> margin-right: 1px; <?php } elseif ($flex_nav_style == "indent"){ ?> margin-right: 1px; <?php } elseif ($flex_nav_style == "cnn"){ ?> margin-right: 0px; <?php } ?> } * html #nav li a { /* Filter for IE6 to prevent li stacking */ float: left; text-decoration: none; } * html #nav li a span { /* Filter for IE6 to prevent li stacking */ float: left; margin-left: 4px; text-decoration: none; } #nav li a { display: block; height: 33px; <?php if ($flex_nav_style == "indent") { ?> background: url(images/navrdleft.png) left top no-repeat; <?php } elseif ($flex_nav_style == "tabs") { ?> background: url(images/navssleft.png) left top no-repeat; padding-top:0px; <?php } elseif ($flex_nav_style == "simple") { ?> background: url(images/navfhleft.png) left top repeat-x; <?php } elseif ($flex_nav_style == "aqua") { ?> background: url(images/navsfleft.png) left top no-repeat; <?php } elseif ($flex_nav_style == "cnn") { ?> background: url(images/navcnnleft.png) left top no-repeat; <?php } ?> background-color: #<?php echo $flex_nav_color; ?>; font-family: Arial, Helvetica; text-decoration: none; } #nav li a span { display: block; margin-left: 10px; padding-left: 4px; padding-right: 13px; line-height: 32px; padding-bottom:1px; font-weight: normal; color: #<?php echo $flex_nav_txtclr; ?>; <?php if ($flex_nav_style == "indent") { ?> background: url(images/navrdright.png) right top no-repeat; <?php } elseif ($flex_nav_style == "tabs") { ?> background: url(images/navssright.png) right top no-repeat; line-height: 26px; padding-top:6px; <?php } elseif ($flex_nav_style == "simple") { ?> background: url(images/navfhright.png) right top repeat-x; <?php } elseif ($flex_nav_style == "aqua") { ?> background: url(images/navsfright.png) right top no-repeat; <?php } elseif ($flex_nav_style == "cnn") { ?> background: url(images/navcnnright.png) right top no-repeat; margin-left: 0px; padding-left: 8px; <?php } ?> background-color: #<?php echo $flex_nav_color; ?>; text-decoration: none; } #nav li a:hover { background-position: left -33px; text-decoration: none; background-color: #<?php echo $flex_nav_tabhvr; ?>; cursor: pointer; /* For IE6 */ } #nav li a:hover span { background-position: right -33px; color: #<?php echo $flex_nav_hvrcolor; ?>; background-color: #<?php echo $flex_nav_tabhvr; ?>; <?php if ($flex_nav_style == "tabs") { ?> line-height: 32px; padding-top:0px; <?php } ?> } #nav li.current_page_item a, #nav li.current_page a { background-position: left -33px; background-color: #<?php echo $flex_nav_tabhvr; ?>; } #nav li.current_page_item a span, #nav li.current_page a span { background-position: right -33px; color: #<?php echo $flex_nav_hvrcolor; ?>; background-color: #<?php echo $flex_nav_tabhvr; ?>; } /*-- Header search box styles --*/
It's under style.php Are looking there? Firebug shows it being on line 171. /*--- Navigation Menu Settings ---*/ #nav { background: url(images/navssbg.png) left top repeat-x; background-color: #005de0; padding-left:10px; border-bottom: solid 2px #000000; width:952px; margin: 0px; padding-left: 8px; height:33px; } Code (markup):