css div problem

i have problem in my css please see
http://work.hostbreak.com/aura1/aurasite.php
when i open this page in IE it shoes me horzental white line but when i open it in FF it don't show this, how i can remove it form IE.
my 2nd problem is :
in IE there is problem in bottom image, its bit on right site in IE, but it fine in FF.
can anyone help me
thanks.

 

Not tested.

Try

img {vertical-align: bottom;}

As to problem #2, I don't see what you're talking about.

It will be more difficult to debug your page without semantic and structural markup.

cheers,

gary

 

my main problem is problem one, which is : when i open page in IE it shows me a while line but in FF it works fine, i want to remove this white space?

tahanks
AM

 

maybe validating your HTML will help?
http://validator.w3.org/check?uri=http://work.hostbreak.com/aura1/aurasite.php

same for your CSS
http://jigsaw.w3.org/css-validator/validator?uri=http://work.hostbreak.com/aura1/aurasite.php

Line: 51 Context : #cart

Invalid number : padding-right Unknown dimension : 44xp

shouldnt that be 44px?

 

I did take a look but your code is so long and has so many errors, I gave up

Validating it would be a start, there are some errors in that respect, also you have a link to a style sheet within your body tags which is making IE throw a wobbly. Most importantly, you really could refine your CSS file, it is an unholy 1409 lines long (eek!) and you have some same style declarations in both the style sheet and html.

I think it might be quicker to start again , sorry m8.

However, IE does seem to like to add a blank line under images in a div, some say it adds padding on the bottom, but I often use this as a kind of insurance against that (but it wont work in yours, there must be an inherited declaration or bad syntax that is buggering it up)...

img { line-height: 0px; display: block; }

Code (markup):

Some might say its an overkill but I like to see it as a cure-all.


Sorry I couldn't solve it for you, but you need to do some work on your code (it takes an age to load as well). Your external css file is over 1400 lines of code, it shouldn't be that laborious for what you want to achieve.

 

can you please help or guide how i can reduce size of css code? i am new to css based pages and i use new div for everything. if i use one dive more than once it creates problems for me.

thanks much
AM

 

You can try this:

change

#images_list{
	border: 0px solid #00CC00;
	padding-left:0px;
	display: block;
	padding-right:0px;
	width: 782px;
	height: 88px;
}

Code (markup):

to

#images_list{
	border: 0px solid #00CC00;
	padding-left:0px;
	display: block;
	padding-right:0px;
	width: 782px;
	height: 88px;
	padding: 0px;
	margin: 0px;
}

Code (markup):

so basically you are adding

	padding: 0px;
	margin: 0px;

Code (markup):

what they do is make sure that the space between the <div>s is 0!

this should work!