Why does the caption tag behave like this?

Question

css

Hello.
I make up a table, make it relative positioning, and after the caption tag I set absolute positioning, a white background, and with a negative top I drive it onto the table frame. In mozilla everything is fine, in chrome it's a problem. But it can be cured if corrected:

border {
border-collapse: collapse;
}

on the

border {
border-collapse: separate;
}

Why is that?
Mozilla:

Chrome:

Answer 1

Is it important for you to set the frame with the title in this way? Tables are very specific and behave unpredictably with a non-standard approach.
For example, there is a special cross-browser tag
htmlbook.ru/html/legend

<fieldset>
  <legend>Стоимость аренды прицепа МЗСА</legend>
<table>
...
</table>
</fieldset>

css
fieldset {
  border: 5px solid #3A89C9;  
}
legend {
  padding:0 10px;
}

Another option is to wrap the table with a div with position - relative. Then the h3 tag for example with absolute positioning and then the table