Why do repeating area columns show as black on one computer?

We have a template we use for posting client projects, which has a repeating area. On most of our computers, in the Design view, this area appears properly as the hex it is assigned to, #ccc09b. Here's a photo:

On our laptop, the first two columns of any template are black, but we are not aware of changing any settings. How do we get those two columns to display with their intended background color? It makes editing really annoying.

Code:

<!-- InstanceBeginRepeat name="Project Rows" --><!-- InstanceBeginRepeatEntry -->

                <!-- InstanceBeginEditable name="Project Row Content" -->

                <div class="row" style="background-color:#ccc09b;">

                  <div class="project">

                    <div class="title">Logo</div>

                    <div class="job">CHS Job No. 2314</div>

                    <div class="top"><a href="#pageTop">Back to Top</a></div>

                  </div>

                  <div class="dates">

                    <div class="assigned">07/28/15</div>

                    <div class="due" style="color:#773a1f;">Due: Priority</div>

                    <!--inline color here-->

                  </div>

                  <div class="status">

                    <p>Status: Logo Design Concepts posted for review</p>

                    <p><a href="ccm-hope-rising/logo/Hope-Rising-Logo-Design.pdf" target="_blank">Designed Item Initial layout</a></p>

                  </div>

                </div>

                <!-- InstanceEndEditable --><!-- InstanceEndRepeatEntry --><!-- InstanceEndRepeat --></div>