レスポンシブサイトで定義リスト（dl,dt,dd）を横並びにした時に高さを合わせる

レスポンシブでdt ddを横並びに

レスポンシブサイトで高さが可変のDLリストの横並びがしたい。
さらに行に背景色を指定したい。

.hoge{
  dl {
    width: 100%;
    line-height: 1.5;
    background-color: #F5F5F5;
    overflow: hidden;
    dt {
      float: left;
      width: 90px;
      padding: 10px;
    }
    dd {
      margin-left: 110px;
      padding: 10px;
      background-color: #FFF;
    }
  }
 }

これで行ける。