Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Problem with border radius rounded corners

Tags:

css

I have a div with a solid border and rounded corners defined in CSS, but looking at it in Chrome or FF renders the following (screenshot):

Rounded Corner

I can't figure out why the solid border is not visible along the rounded corner edges? Here is the associated CSS:

  div.evalframe {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   margin: 20px 0 0 0;
   padding: 0;
   width: 635px;
   border: 1px solid #666666;
   background-color: #f4f4f4;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;  
   border-radius:5px;
}
like image 643
Jeff Avatar asked Sep 13 '26 18:09

Jeff


1 Answers

I think you might have an tag or some other tag inside this div that draws over the corners.

like image 163
aviv Avatar answered Sep 16 '26 08:09

aviv