Why are marker cells filled with white rectangles when drawing markers and lines on Google maps?

Question

JavaScript

Hello!
I am using Google Maps API v3 in my project.
In the previous version, markers were drawn on the map without errors:

In the current version, markers are drawn as follows:

How can I fix this?
The initialization of the map and elements did not change.
Styles have changed.
Old HTML code

<div id="map-canvas"></div>
    <div id="info">
        ...
    </div>

Old CSS code

html {
        height: 100%;
    }

    body {
        height: 95%;
        border-width: 0;
    }

    #body {
        height: 90%;
    }

    .main-content {
        height: 100%;
    }

    div#map {
        float: left;
        width: calc(100% - 400px);
        height: calc(100% - 50px);
        margin: 10px;
    }

    div#info {
        margin: 10px;
        overflow: auto;
        max-height: calc(100% - 50px);
    }

    td {
        vertical-align: top;
    }

New HTML code

<table id="table-map">
        <tbody>
            <tr>
                <td id="column-map">
                    <div id="map-canvas"></div>
                </td>
                <td id="column-info">
                    ...
                </td>
            </tr>
        </tbody>
    </table>

New CSS Code

html {
        margin: 0;
        padding: 0;
    }

    #body {
        background-color: #efeeef;
        clear: both;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    body {
        height: calc(100% - 70px);
        max-height: calc(100% - 70px);
        background-color: #e2e2e2;
        font-size: .85em;
        font-family: "Segoe UI", Helvetica, Sans-Serif;
        margin: 0;
        padding: 0;
    }

    html {
        height: 100%;
    }

    header {
        background-color: #fff;
        height: 80px;
    }

    footer {
        clear: both;
        background-color: #e2e2e2;
        font-size: .8em;
        height: 70px;
    }

    section > table {
        margin-top: 0;
    }

    section > table > tbody, section > table > tbody > tr {
        height: 100%;
    }

    .content-wrapper {
        margin: 0 auto;
        width: calc(100% - 40px);
    }

    .main-content {
        height: 100%;
    }


    #body.map {
        height: calc(100% - 100px);
    }

    #column-info select {
        width: 100%;
        margin: 5px 0px 6px;
    }

    #table-map {
        padding: 0 ;
        border-width: 0 ;
        margin: 0 ;
    }

    #column-map {
        padding: 0;
        border-width: 0;
        margin: 0;
    }

    #table-map {
        height: 100%;
        max-height: 100%;
        width: 100%;
    }

    #column-map {
        width: calc(100% - 300px);
        height: 100%;
        padding-right: 5px;
    }

    #column-info {
        height: 100%;
        width: 300px;
        padding-left: 5px;
        padding-right: 0;
        vertical-align: top;
        overflow: auto;
    }

    #column-info td {
        padding-right: 0;
    }

    #column-info a {
        margin-right: 5px;
    }

    #map-canvas {
        /*width: 100%;*/
        height: 100%;
    }

Thank you.

Answer 1

Styles have changed.

- you're right Captain obvious ... And to see the firebug on which class the white background hangs and turn it off is not fate?