Added Windows 95 clone window to my personal site. In the image you can see there are two divs, one thin div on top (div.title) and a larger div on the bottom (div.body). The div on the bottom has a border on the left, bottom and right (no border on top). The div on top has a border surrounding the entire element. The issue I’m having is the line between where the two borders meet. Is there a way to remove this line to give both borders a seamless look where they meet?
div.title {
height: 18px;
width: 100%;
background: #000080;
color: #fff;
border: 3px #bec2c1 solid;
}
div.body {
padding: 13px 12px 12px;
height: 100%;
width: calc(100% - 34px);
display: inline-block;
border-bottom: 8px #bec2c1 solid;
border-left: 8px #bec2c1 solid;
border-right: 8px #bec2c1 solid;
}