gap in between images i need to be next to each other

[antonyx]

img.firstmenupic {margin-left:53px; margin-right:0px; margin-top:0px; margin-bottom:25px; text-align:left;}

img.menupic {margin-left:0px; margin-top:0px; margin-bottom:25px; text-align:left;}

ok, basically i have one picture.. 53px from the left.. and then i want the other pics to hug that initial image..

if you look on this page.. the image.. studio has the firstmenupic class and the remaining 4 have the menupic class..

as you can see there is a little gap between each one.. can someone please get rid of all these gaps in between the buttons for me.. the gap is present in ff and ie.

http://www.heathrowminicab.com/falco...properties.asp

[fisherboy]

Hi

I'm not that great at CSS so don't take this as gospel, OK?

The browsers appear to deliver a 4-5px gap.

You could try either:
padding: 0;
border: none;

or

margin-left: -4px;

Good luck!

[all4nerds]

Hello

img.firstmenupic {float:left;
img.menupic {float:left;

p.noprops {clear:both;

[antonyx]

the margin left -4px worked.. and so did all 4 nerds solution

all4nerds could u briefly explain what the clear:both does...

does it mean not to interfere with anything around it?

[all4nerds]

Hello

if you float containers you have to end the float, clear them

a (autowidth , no float) container can not be after floats, it collaps (moves up)
whithout a clearing off the floats above it

to clear a float with a (autowidth) container the floats must touch it, be in the same container as the floats