Thanks everyone for your replies! I'll try to address your ideas/solutions, and respond with what I have already tried. Hopefully between the group of us, we can figure something out!
One of the options when using your i1 is to use ICC version 2 or 4; 4 does New things but 2 is more broadly compatible.
Jim, This is a great tip for some people having issues. I first used ICC v4 when I calibrated, and Windows Photo Viewer was very dark. Recalibrating and using ICC v2 eliminated that problem, so my photos match in Lightroom, Photoshop, and Windows Photo Viewer now. Very handy. Unfortunately, switching to ICC v2 didn't eliminate my problems when viewing in a web browser.
I have a pretty good system (i7 920, gtx 580, 24 GB RAM, SSDs as Boot drive and scratch disk) and a Dell 3011 along with a 9500 MarkII, both calibrated with colormunki; and I've never gotten them working 100% accurate. I've been close though. I found out, that printing from Lightroom makes my colors better compared to Photoshop. Also, my system is a dual monitor: a 3011 and a 19" both from Dell. Being said that, I've ever come to a solution/profile or whatever that can make both monitors look the same. Color management, it's obviously, my worst nightmare.
Kadosh, it is my understanding, that because of how Windows 7/8 selects a single default system profile, you can only have one profile active at a time. Meaning that if you calibrate both monitors, you can still only assign one of the profiles to Windows as the system default. This results in your monitors not matching perfectly. I too use a dual monitor setup, but I basically have just resigned to the fact that my u2711 will be my main "accurate" monitor (With it's ICC profile assigned as default in Windows) while my Dell u2410 is reserved for non-color critical tasks, like my photoshop palettes, windows, system controls, browsing, etc... I don't think there is any way around that issue, unfortunately.
I did not see that anyone asked what web browser is giving you a issue.
You might want to read this article, its a very common issue.
firefox, for example is not color managed by default, and will look horrible. Turn it on as noted here:
Here is a test to see if your web browser is color managed.
I have tried multiple browsers, including Chrome, Firefox (Not color managed, at the moment) and IE9/10. I somewhat understand that browsers that are not color managed will look different. But because I am exporting from Photoshop/Lightroom as sRGB, shouldn't it be close, even in a non-managed browser? Why would they get oversaturated? Again, this oversaturated look is the same look I get when I enable the proof monitor color setting in photoshop, but that does not at all match what I see in Lightroom.
Furthermore, after I export from Lightroom or Photoshop, if I open the photo in Chrome or Firefox, the photos look fine. After uploading them to my website and viewing it online, poof, the photo looks oversaturated now. What voodoo could possibly going on that makes the same photo look different in the same browser? I posted some screenshots earlier of this behavior.
To make it even more weird, when I upload the photos via my wordpress control panel, the photos look normal too. It's not until I go view the actual page that they become oversaturated in Chrome/Firefox. IE always has the more saturated look. And just to reiterate, the more saturated look is NOT how my photos look in LR or PS (When I have proof colors disabled). I just want to get things consistent so I can make sure I give my clients properly edited photos.