Dreamweaver CS3 Image: Navigation Bar Help

[SinTechA]

In CS3 i am using html template two column, liquid, left sidebar header & footer. I want to put an Image: Navigation Bar in the left sidebar with a large top image and smaller images cascading down like so:

_
-
-
-
-

But dreamweaver displays it like that but when i view it in firefox 3 it displays it like this:
_
--
--
So what i am asking is how do i get it to stay like my first example and not go to the second one, and with the images tight together.

Thank you for your help.

[driveflexfuel]

In order to help you we would need to see a code sample of your css or html depending on how you are entering the images.

I am just taking a wild guess but if you are just entering the images in html coding do you have a line break between the images <br /> or have each image in their own paragraph<p><img></p>

[SinTechA]

I was using the image: Navigation Bar but a friend told me just add images and center them, and not use the image: Navigation Bar, then add the link to the image and that fixed my problem. I'm very new to this so this might be a bad way to do it but i'm just trying to get some basic down first but thanks for trying to help.

[freecrm]

I'm not completely clear on what we are working with so its difficult to comment.

However, it is possible that your images have a css instruction (float: left). Now Internet Explorer and Firfox interpret elements differently - Firefox tending to be more specific.

As an example, if your image element has css attached to it (or a style) that does not include a margin instruction, it will appear correctly in IE but Firefox will include a margin. This could make your elements wider and then wrap to the next line (or not in your case).

To fix this, you need to specify "margin: 0px;" in your css which will bring them tight together.

Really, as driveflexfuel says, we need to see the code to figure out how you are doing this in the first place.