Cascading Style Sheets

How can i do rounded corners with drop shadow using pngs

Hi

I have a website i'm working on and i need the sub nav on the left to be a rounded white box with a drop shadow. I also need the shadow to appear over a slight gradient. I have managed to do this as 2 pngs files ( top and bottom) but the bottom png is showing the top png below it still.

http://prototype.red2design.co.uk/sydneyheath/default.aspx

you can see the two images overlapping at bottom of the box on the left.

Problem with lighbox2 and ul's in IE

I just learned html and css. Studying lightbox2 i was trying to create a folio page but had the following problems:

- Viewing in 1440x900 lightbox looks cropped and aligned left. Works right only on chrome and safari.

- ONLY in IE the unordered lists that hold the thumbnails looks wrong.

Tested in a free domain:
http://foliotest.hdfree.com.br/print.html

Can anyone help?

please check

please check my site and please comment on this site

platform

fitting divs to content.. :'(

This is driving me insane...
All I want is for my div elements to scale with whatever is inside it...

My HTML:

<body>
	<div id="container">
		<div id="upper">
				<div id="left">
					<div id="menu">
						<jdoc:include type="modules" name="left" />
					</div>					
					<div id="quotes">
					</div>
				</div>
				<div id="right">
					<div id="wrapper3">
						<div id="edge_t">
							<div id="corner_tr">
							</div>
						</div>
						<div id="wrapper4">
					 		<div id="content">
								<jdoc:include type="component" />
							</div>

CSS Hover state issue on H1 tag with changing background images

Hi,

I currently have a H1 tag that has a background image sitting on top of the text, which is clickable as a link

<h1 title="Fresh Flames"><a href="http://www.freshflames.com">Fresh Flames - Designer Clothing<span></span></a></h1>

Website is here:

Demo

My CSS looks like this:

#branding h1 { width:144px; float:left; margin:4px 0 -3px 14px; padding:0;
               text-indent:-9999px;
               height:47px;
               position: relative;
               }
 
#branding h1 a {

Syndicate content