Cascading Style Sheets

How can i do rounded corners with drop shadow using pngs


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.

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:

Can anyone help?

please check

please check my site and please comment on this site


fitting divs to content.. :'(

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


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

CSS Hover state issue on H1 tag with changing background images


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="">Fresh Flames - Designer Clothing<span></span></a></h1>

Website is here:


My CSS looks like this:

#branding h1 { width:144px; float:left; margin:4px 0 -3px 14px; padding:0;
               position: relative;
#branding h1 a {

Syndicate content