Where is my horizontal scroll coming from?

I am having trouble finding this. If anyone can tell me what is forcing this and how you figured it out i would really appreciate it.


Two things I see causing that are in red below:

#access {
  background: url("images/px1.png") repeat scroll 0 0 transparent;
  display: inline !important;
  height: 70px;
  letter-spacing: 2px;
  margin-top: -30px;
  [COLOR="#FF0000"]padding-left: 10px;[/COLOR]
  padding-top: 30px;
  position: relative;
  width: 100% !important;
  z-index: 100;

#wrapper {
  background: none repeat scroll 0 0 transparent !important;
  [COLOR="#FF0000"]width: 100%;[/COLOR]

Just turning styles on and off using Firebug (an add-on for Firefox.) You can hover over elements in Firebug and they show you what size they are, if they have padding/margin etc, so you can quickly spot culprits.

Thanks for the reply. I will check it out when I get home. Even though I use firebug some things allude me. I guess actually turning off styles rather than looking at them is always a good way to go!