I’m trying to align three text parts, where the middle part has a max-width and can be truncated using the text-overflow:ellipsis property.
e.g. The site | http://www.aLongNameShouldBeTruncated.com | is opening
should be aligned like this:

I can get it to work for chrome, see http://jsfiddle.net/LSuRx/5/:
But I can’t get the three parts to vertically align nicely in IE9 and FireFox:

Anyone know how I can solve this?
You can add
vertical-align: bottom;to#addressContainer.