hey!
guys got an issue don't know what is happening can any one help that will be really appreciateable. I am working with my website every thing was going perfect but .. this happened here are 2 links.. for Internet explorer and Firefox

http://umarstudio.com/IE.jpg
http://umarstudio.com/FF.jpg

My xhtml:

<div id="work">

<a href="#"><img src="driving_img.jpg" alt="drivingschool" /></a>
<a href="#"><img src="green_img.jpg" alt="greenpeace" /></a>
<a href="#"><img src="green_img.jpg" alt="greenpeace" /></a>

</div>

My CSS:

#work{
border:3px solid brown;
width:534px;
}

see the links and I hope you will understand.. Thanks

it worked that was really help full..

Thanks!


I am designing my new website and almost done here is the older version www.umarstudio.com

to provide space between the images...

#work img{margin-bottom: 15px;}

Adjust the value as per your requirement.
-cheeers,
Kesav

hey..

got another one i am using "float" to place my side bar "div" to the left and it works perfect in IE but in FF it jumps out form the main container to fix the problem I am using "margin-top:-200px;" I don't think this is the good way to do it I am forcing it to place it at the desire place. So is there any way to fix the overlapping in FireFox I have got the same issue with my other DIVS also in my website..

#sidebar{
border: 2px solid #000;
float: right;
height: 100%;
/*margin-top: -200px;*/
width: 249px;
}

Thanks ;)

What I do have to say is that your HTML code is incorrect:

<a href="#"><img src="driving_img.jpg" alt="drivingschool" /></a>
<a href="#"><img src="green_img.jpg" alt="greenpeace" /></a>
<a href="#"><img src="green_img.jpg" alt="greenpeace" /></a>

Remove the "/" inside the ahref line. The ahref has a closing tag </a>, hence, you don't need to close it like a <br /> or an <hr />.

Thanks to every one I fixed the problem with floats and almost done with my website.. ;)
and ljromanoff is right I am closing the img tags..

cheers!