title: HTML element rendered width not equal to set CSS width
body: <p>I have a set of nested HTML, elements that are made up of a parent (AssetContainer) and two main nested parts (MediaViewContainer &amp; AssetDetailsContainer) that are side by side. The right side component (AssetDetailsContainer) has a couple of sub-divs, but they have no styling of their own.
  My issue is that the right side component is not rendering at the size it is styled to. The AssetDetailsContainer CSS sets a width of 600px, and this appears in the inspector, but then a different, much smaller value is used to actually render the element. If I set a larger or small value it grows and shrinks but at some non-integer scale of the value that was set. Though &quot;Scaling&quot; is probably a bad term as the rendered value/input value ratio is not a constant.</p>
  <p>I'm attaching some images of the inspector panel for the main elements involved in the width, showing their HTML, CSS, and actually rendered properties. I know images aren't ideal, but these seemed to best represent the pertinent data in one place.</p>
  <p><strong>AssetDetailsContainer (right side child element) inspector snapshot</strong>
  <a href="https://i.stack.imgur.com/aKyyC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aKyyC.png" alt="AssetDetailsContainer (right side child element) inspector snapshot" /></a></p>
  <p>Looking at the resulting AssetDetailsContainer shown in the inspector we see the original 600px in the CSS, but then it's rendered as 104.5px instead.</p>
  <p><strong>AssetContainer (parent element) inspector snapshot</strong>
  <a href="https://i.stack.imgur.com/zGk0W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zGk0W.png" alt="AssetContainer (parent element) inspector snapshot" /></a></p>
  <p><strong>MediaViewContainer (left side child element) inspector snapshot</strong>
  <a href="https://i.stack.imgur.com/lhcwU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lhcwU.png" alt="enter image description here" /></a></p>
  <p>What am I missing here with respect to layout?</p>