I am still stumped and pleading now for help.
I tried adding an image to another static .html/css page and still have the trouble as described in my first post above.
After examining with firebug it seems that for some reason at the 767 pixel break the @media query rules from the p7cmm-responsive.css are not being applied.
At the 767 pixel break the @media query rules from the p7cmm-responsive.css and the image sizing in the link above works as it should in Chrome and Safari and on my iphone4 but not in Firefox or IE.
What is odd is that I have a copy of the site on my localhost and the p7cmm-responsive.css rules do get applied and the image re-sizes at the 767 and narrower break point as it should on all 4 browsers (FF, IE, Chrome, Safari).
I cannot figure out what is wrong. Any help or trouble shooting advice will be greatly appreciated.