conditional stylesheets question

I am running into a problem using conditional comments for an IE only stylesheet.

I have created the 'Main' stylesheet that works fine in FF, Chrome, Safari, and Opera.
I have created an IE only stylesheet - targeting all versions of IE.

The ref's to the stylesheet is as follows:

--------------------------------------------------------------

--------------------------------------------------------------

IE showing space between navbar and logo

Hi there,

I would appreciate any help with trying to remove the white padding/margin between the logo and the navbar of www.divergentbooks.com. It shows up as seamless on Chrome and Firefox, but leaves a gap between the two elements in IE. I've tried everything, but to no avail. What am I doing wrong?

Dimitri

Difference in Rendering Between Firefox on Ubuntu and Windows

Hi, I've tried this out on Chrome and Firefox on both Ubuntu and Windows XP systems, plus IE on Windows.

As I Want It.png
This is how I want it to show.

How Windows Explorer and Firefox Sees It.jpg
This is how the site looks on every browser I tested, except on Firefox on Ubuntu.

Why is this site giving me grief? What is causing the space? I don't get it.

CSS intenet explorer problem/ questions??? ***HELP GUIDE***

I would like to say first that I solved the problem that I kept running into with I.E., but perhaps in the future I can do things better with my css coding. I'm more so looking for guidance by the pro's, let me know if I'm doing this right Wink

Internet Explorer Gradient Filter on Html Killing Body Background

Hi Everyone.

I have the following:

html { 
			background:	-moz-linear-gradient(
			    center bottom,
			    rgb(0,104,173) 0%,
			    rgb(0,141,207) 100%
			);
			background: -webkit-gradient(
			    linear,
			    left bottom,
			    left top,
			    color-stop(0, rgb(0,104,173)),
			    color-stop(1, rgb(0,141,207))
			);
			filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#008dcf',EndColorStr='#0069ad');
			height: 100%; width:100%; 
		}
		body { 
			height: 100%; overflow: hidden; width:100%; 

Syndicate content