• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 278
  • Last Modified:

rounded corners, bottom left not displaying

i've been lookng at this for about an hour now and ive tried all kinds of variations.... can anyone see why the bottom left rounded corner image for this div is not be appearing?

br, tl, tr are all working fine but not the bl

i'm probably missing somthing really stupid but i just cant see it!
#wrapper {
    background:#ffffff;
	margin-right: 150px;
	padding: 5px; }
 
#wrapper .bl {background: url(../images/gifs/bl.gif) 0 100% no-repeat; width: 20em;}
.br {background: url(../images/gifs/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/gifs/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/gifs/tr.gif) 100% 0 no-repeat} 
 
 
here is the html:
 
 
<div id="wrapper" class="bl"> 
<div class="br">
<div class="tl">
<div class="tr">
 
<p>the big brown fox</p>
 
 
</div></div></div></div>

Open in new window

0
bede123
Asked:
bede123
1 Solution
 
bede123Author Commented:
dont worry, just after i posted it i could see the problem.....


#wrapper .bl

should be:

#wrapper,bl

i knew it would be something simple!

0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now