Can't figure out where margin-right property is being applied

This is probably really simple but I am absolutely stumped. While the CSS开发者_Python百科 for the sidebar (#primary) doesn't have a margin specified, a margin-right: 605px; is being applied somehow to the #primary div.

To fix the problem, I played with some relative positioning inside the containing div, but this is causing positioning discrepancies between Firefox and Chrome.

You can find the site in question at elsbethroseboutique.com. I know it's in bad shape, it's a work in progress :)

The solutions I'm looking for are either how to address the positioning differences between the two browsers; or ideally, how to remove that margin.

Thanks!

Screenshots:(red line added for reference)

http://elsbethroseboutique.com/images/chrome_elsb.jpg http://elsbethroseboutique.com/images/firefox_elsb.jpg

---

This was a Chrome specific bug, where the developer tool told me there was a margin-right:605; when inspecting #primary. I think this was happening because there was no float property in place (although I can't understand why this was a problem if there were discrete values for height and width).

After floating #primary left, the problem appears to be solved and there is no longer a margin taking up the remaining space.

---

I don't see any discrepencies between Firefox and Chrome. Your code is quite the mess. What you need to do is identify the bloc of code you're having a problem with and post that. Even though I don't see the margin issue, often when I have a margin-right: problem that I can't find it turns out to be a margin-left: from another div. Hopefully that helps.

---

Get Firebug and you can click on the element and see any styles applied to it.