Hello All,

I am in progress of developing a few web pages here:

http://www.iongeo.com/aram_test_dev/aries_ii.html


and was wondering about my list items; for some reason on my styled list after a </br> The text automatically moves to exactly under the bullet, but not aligning with the original line.

For example, on the page I listed above, in the first bullet, I would like "Watch the video" to align with the "D" on the line above.

When I do this in an unstyled list, everything is fine, but for some reason it will not accommodate to how I would like the page to look when the bullets are styled.

edit: Also, is there a way to evenly space out the list items in my navigation bar? The word "Customer Service" is longer than other navigation items, so it looks a little condensed.

Can anyone offer any tips?

Thanks,
Mike

Using the list-style-image method is problematic, as you've found out. It would be easier to control if you remove that and put the image in as a background to the <a>, then you can adjust padding to push the link text away from the BG image in a uniform manner. This also avoids the bizarre way IE treats lists.

Why are you using multiple <ul>'s for your menu ? That can be done with ONE UL and nesting the submenus.

Thanks for the reply Lady.

That's an interesting idea, I tried to set a background image to an image for my a, but honestly, the same issue comes up when the text on the line below does not able to align correctly with the one above it.

Edit: well, I fixed the problem, it was quite simple actually, I just put the list style to utside, and added 20 px left padding to it. Just thought I would post in case some one searches in this forum and has the same problem later on.

I will re-vamp my navigation bar, but is there a way to evenly space out items on the one I have set up?

Seriously, can some one please help me out with my menu?

http://www.iongeo.com/aram_test_dev/aries_ii.html

if a user scrolls down on the page a little bit, then hovers over "Aries II," "Components" automatically drops down further on the page and I have no idea why.

Little help?

Thanks
Mike

I think your problem stems from the way you've used multiple UL's .. you might want to re-do the menu using ONE <ul>, here's a good reference:
http://www.htmldog.com/articles/suckerfish/dropdowns/

Thanks again Lady.

That link got me on the right track where the problem was that that I had Fixed positioning on one of my ids.

I saw the fixed positioning and thought it might be the problem, I just didn't have time this afternoon to pick it apart. Glad the link helped