Try this:
#content {
background:url("../images/content-bg.jpg") repeat-x scroll left top transparent;
...
}
#content-inside {
margin-top: 180px;
background-color: white;
}
table#dashboard {
margin: -109px auto 80px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
...
}
There probably is a way to fix the problem without all this hackery,
but that would almost certainly involve changing the markup.
~Chetan
On Thu, Mar 3, 2011 at 11:59 PM, Debbie Campbell
<[email protected]> wrote:
> I can't remove the shadow, this is something the client's not budging on. I
> might have to use images for the top/bottom sections.
>
> --
> Debbie
>
> On 3/3/2011 12:35 AM, Chetan Crasta wrote:
>>
>> On Thu, Mar 3, 2011 at 5:26 AM, Debbie Campbell<[email protected]>
>> wrote:
>>>
>>> I'm using border-radius on #content in this page:
>>>
>>>> http://www.redkitecreative.com/projects/omnicall/
>>>
>>> #content has background #fff and you can see a tiny fringe of white
>>> around
>>> the outside edges of the rounded corners. What's the best way to deal
>>> with
>>> that?
>>
>> In Firefox, the 'fringe' disappeared when I removed the box shadow on
>> #content. Since the box shadow is barely visible anyway, I think it is
>> best to disable it.
>>
>> Regards,
>> Chetan
>>
>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
