I've set up a special div box to show a post at top of the center section on my static home page. I want the box to be centered between the left and right sidebars. All looks good in a narrow browser window but as the screen widens the space on the right increases while that on the left does not. Please help me identify where the mystery, unwanted padding or margin is coming from.
The page is at http://shepherdjim.com/wp/
With the browser window at 1020 px width you can see the spaces on either side of my special announcement div box are equal at 15px.
But, with the browser window widened to 1200 px the space to the right of the box has increased to 25px while the left space remains at 15px.
Using the Web Developer addon in Firefox I can SEE that empty, extra 10px. I'm guessing there's some inheritance going on, but I can't find the source so don't know what to over ride.
I'm having trouble inserting screenshots into this message and have attached the two jpgs which seems to be working just tghe way I would have hoped.
I love a good mystery! Jim