Question

cSS border-radius does not draw right-side corners

I have css created hover-popup, which to i have added border-radius -property.

CSS Code for span shown when object is hovered on;

.dropt span {position: absolute;  left: 33%; display:none;
  padding: 10px 10px 10px 10px;
  text-align: left;
  border-style:solid; border-color:black; border-width:1px; z-index: 6; border-radius: 10px;
  left: 33%; top: 133px; background: #eeeeff; }
.dropt:hover span { display: block; }

Left side corners of popup are working nice, rounded ok.
Right side corners are missing completely, there is reverse corner empty space.

if i press F5, the rounded corners appear there for a moment, then the whole page refreshes.

↓ Show more ↑ Show less
  • All posts
  • Helpful Solutions
  • owner
  • post
  • owner