<p dir="auto">Hi!<br>
I found slider, but I did not see how to make a from-to value selection. Does the material-ui support this behavior?<br>
Thanks for the excellent library!</p>
<p dir="auto">When an Avatar is used with a Chip component, it's rendered position is not the same as the chip.  See screenshot for clarification.    My CSS is a little weak, but I think the correct solution is to remove   position: 'relative' from the Avatar root class?  Can the default 'relative' position be removed from the Avatar root class or should I be manually overriding it on my end?  Perhaps the Chip component should override the Avatar root position with 'inherit'?  Either of the above solutions fix my issue, but I am not sure which is the correct way.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/24579103/36071907-76a14216-0ed3-11e8-99ee-c9aeec006a2c.png"><img width="344" alt="popperexample" src="https://user-images.githubusercontent.com/24579103/36071907-76a14216-0ed3-11e8-99ee-c9aeec006a2c.png" style="max-width: 100%;"></a></p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">I would expect the Avatar to be rendered with the same position as the Chip.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Currently the Avatar is rendered with the 'relative' position by default.</p>
<p dir="auto">Environment</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.33</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 64.0.3282.140</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>