Хотите показать всплывающую подсказку по всей строке таблицы

Question

Я сделал всплывающую подсказку в строке моей таблицы данных. Но div отображается только в строке. Когда я добавляю больше элементов во всплывающую подсказку, размер строки увеличивается. Я не хочу этого. Я хочу сделать всплывающую подсказку по всей таблице, чтобы размер строки оставался фиксированным, но всплывающая подсказка появлялась по всей таблице, когда я наводил курсор на идентификатор. AAAAAA - моя подсказка ... вот мой клинок. php html код

 @foreach ($all_invoice as $invoice)                 
 <tr>
  <td scope="row" id="box">
    @if($invoice->invoice_type==0)
   <label id="row_upper_label"> No Info </label>
    @elseif($invoice->invoice_type==1)
    <label id="row_upper_label">Connectivity</label>
    @elseif($invoice->invoice_type==2)
    <label id="row_upper_label">Other</label>
    @endif 
    <br>
    <label id="row_lower_label">IL{{$invoice->invoice_id}}
      <span>AAAAAAAA</span>
    </label>
    </td>

А вот мой css код для него

#row_lower_label
{
    display: block;
}

#row_lower_label span
{
    position: relative;
    background: black;
    color: white;
    display: block;
    text-align: center;
    opacity: 0;
    transition: 0.6s opacity;
}

#row_lower_label span:before
{   content: '';
    position: absolute;
    background: black;
    top:-6px;
    height: 10px;
    width: 10px;
    z-index: -1;    
    left: 10%;
    transform: translateX(-50%) rotate(45deg);
}

#row_lower_label:hover>span
{
    opacity: 1;
}