I need assistance with a problem that I can't identify. Either I'm overlooking something really simple, or something utterly bizarre is happening.
I'm developing a web page (attached) that's divided into two divs: a left sidebar with a fixed width and a main div that fills the rest of the window. The left div is further divided into a bottom div that resizes itself to fit its content and a top div that fills the rest of the sidebar. In the finished page, the top-left div will display a table of contents, the main div will display a page loaded from the table of contents, and the bottom-left div will display the page's URL. (For simplicity, this version fills all of the divs with fixed text.)
It works, except that the background of the table of contents div is a garish salmon pink (rgb=xF0E0E0). I used that color in an early stage of development when I just wanted the colors to contrast.
I've changed the main div's background to white and the URL and T.O.C. background to light grey (xF0F0F0). The main div and the URL display their new colors correctly. The T.O.C. is still pink.
I'm developing with Chrome. When I load the page, Chrome's View Page command shows that the T.O.C. div's background color is xF0F0F0. The Developer Tools window's Elements tab assures me that the color is xF0E0E0. That tells me that the server is delivering the correct version of the page; whatever the problem is, it is lurking on the client side.
I know what you're thinking: clear the cache. I did. It made no difference.
I tried loading the page in Firefox. The T.O.C. background was pink there, too. Again, clearing the cache made no difference.
The source file contains no instance of the string xF0E0E0, and does not load any CSS or define any global styles. (If it did, the in-line style should override them.)
Where is the salmon pink background coming from?