If you remove position: relative; on both elements the outer element clip the child around the rounded corners. Not sure why, and if it is a bug.
More Related Contents:
- Can't remove text decoration
- Bootstrap height
- Which way to implement this picture in HTML CSS code and bootstrap
- What are the implications of using “!important” in CSS? [duplicate]
- Can I have an onclick effect in CSS?
- Why aren’t my absolutely/fixed-positioned elements located where I expect?
- How to remove the arrow from a select element in Firefox
- How to save CSS changes of Styles panel of Chrome Developer Tools?
- Why is vertical-align: middle not working on my span or div?
- Maintain image aspect ratio when changing height
- Change cursor type on input type=”file” [duplicate]
- IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
- White space showing up on right side of page when background image should extend full length of page [closed]
- How can I truncate table cells, but fit as much as content possible?
- How to show multiline text in a table cell
- Why does flexbox stretch my image rather than retaining aspect ratio?
- How to set placeholder value using CSS?
- How do I give a CSS class priority over an id?
- Padding the top and the bottom of inline element
- Title with bottom border smaller than width
- How to run the CSS3 animation to the end if the selector is not matching anymore?
- How to add button inside an input [closed]
- how to remove the dotted line around the clicked a element in html
- Is it possible to achieve a -like effect without using the tag?
- Why aren’t my bootstrap 4 columns the same height?
- click link below a higher z-index div [duplicate]
- Img’s max-height not respecting parent’s dimensions
- backdrop-filter not working for nested elements in Chrome
- display: flex not working on Internet Explorer [duplicate]
- Fitting child into parent