Originally Posted by munkiii

I understand near enough everything about html and css, and have not had a problem with any of this thread except for 1 tiny thing in the conversations screen.

(see attatched screenshot)

If i receive a one line message from somebody, it appears vertically in the middle, just as i want it to.

But when i send out a one line message, it appears abit higher up in the message box than vertical middle.

I don't understand this because the css code looks ok and is set to vertical-middle.

Code:

div.BubbleSelf {
  -moz-border-radius: 30px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}

div.BubbleOther {
  -moz-border-radius: 30px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}