Div Background and position

[TriAdX]

Please take a look at my index page at <a href="http://www.forevertreasuredphotography.com">http://www.forevertreasuredphotography.com</a>Please look at it in both IE and Firefox. If you look under the menu on the IE version, you will see "###############Childbirth | Maternity | New Born | Wedding | Event | Portraits"this is my submenu. I put the #'s in so that you can see whats going on in firefox. First firefox seems to be pushing the div down and under the Flower image.. why is this?below is my entire header code:

<img src="images/BannerTop.jpg" width="900" height="24" alt=""><a href="http://www.forevertreasuredphotography.com"><img src="images/BannerMid.jpg" alt="" width="479" height="29" border="0"/></a><a href="AboutUsHome.htm"><img src="images/btn_AboutUs.jpg" alt="" width="90" height="29" border="0"/></a><a href="GalleryHome.htm"><img src="images/btn_Gallery.jpg" alt="" width="80" height="29" border="0"/></a><a href="ContactHome.htm"><img src="images/btn_Contact.jpg" alt="" width="82" height="29" border="0"/></a><a href="ArticlesHome.htm"><img src="images/btn_Articles.jpg" alt="" width="79" height="29" border="0"/></a><img src="images/btn_space.jpg" width="19" height="29" alt=""/><a href="LinksHome.htm"><img src="images/btn_Links.jpg" alt="" width="71" height="29" border="0"/></a><div><img src="images/BannerMid2.jpg" alt="" width="479" height="17" hspace="0" vspace="0" align="left"/></div><div id="submenu" style="width:421px; height:17px;">###############Childbirth | Maternity | New Born | Wedding | Event | Portraits</div>

if i put each tag on a seperate line to try and orginize it, it screws up IE and puts a line between each row (i dont know why this is either)some feedback on the Submenu is what I am really looking for... why does firefox move it down to the next line and put it under my image (which is in a table by the way)I also noticed that the background image that I use on the submenu div does not display in firefox... what gives?Thanks again guys,Ken P

[ste]

your coding is a very confusing mix of div & css and tables & depreciated attributes. It would be better to go with either nested tables or divs/css for layoutthat said, i think this should solve your problem:

find in your code:div id="submenu" style="width: 421px; height: 17px;"replace with:div id="submenu" style="width: 421px; height: 17px;  float: right;"then find:table id="Table_01" border="0" cellpadding="0" cellspacing="0" width="900"replace with:table id="Table_01" border="0" cellpadding="0" cellspacing="0" width="900" style="clear: both;"