Help with CSS please!

[entrefoto]

I am building a new website for my photography business and it is my first time working with CSS. I have the site looking great in every browser except IE. How do I fix the layout in IE? Also, there are a few pages where the submenu option in my flash menu are not layered in front of the div element containing my content. I have played with the z-index and can't get it to work. What is going on there? Any help is greatly appreciated! Here is the link to the website:

CLICK HERE

 

[xingles]

i can do it. please contact me.

 

[Nodws]

create a new HTML file, use this code and upload:

<div id="wrapper">
  <div id="header">
    <img src="header2009website2.jpg" width="1000" height="174">
  </div>
  <div id="vmenu" style="position: absolute; visibility: hidden;">
  <div><a href="http://www.markcoffman.net/2009%20website/2009%20website.html">Home</a></div>
  <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20about%20us.html">About Us</a></div>
  <div class="submenu">
  	<div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20about%20us.html">About Us</a></div>
    <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20meet%20mark.html">Meet Mark</a></div>
    <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20availability%20check.html">Contact Us</a></div>
  </div>
  <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20wedding%20packages.html">Packages</a></div>
  <div class="submenu">
    <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20wedding%20packages.html">Wedding Packages</a></div>
    <div><a href="http://www.markcoffman.net/Wedding_Contract.pdf">Contract</a></div>
    <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20availability%20check.html">Check Availability</a></div>
  </div>
  <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20wedding%20gallery.html">Gallery</a></div>
  <div class="submenu">
    <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20engagement%20gallery.html">Engagements</a></div>
    <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20wedding%20gallery.html">Weddings</a></div>
    <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20album%20design%20gallery.html">Album Designs</a></div>
    <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20availability%20check.html">Check Availability</a></div>
  </div>
  <div><a href="http://www.markcoffman.net/Online_Proofing.html">Online Proofing</a></div>
  <div class="submenu">
  	<div><a href="http://www.markcoffman.net/Online_Proofing.html">Proofing Gallery</a></div>
    <div><a href="http://www.markcoffman.net/Print%20Order%20Form.xls">Print Order Form</a></div>
  </div>
  <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20promotions.html">Promotions</a></div>
  <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20testimonials.html">Testimonials</a></div>
  <div><a href="http://www.markcoffman.net/Blog.html">Blog</a></div>
  <div><a href="http://www.markcoffman.net/2009%20website/2009%20website%20-%20availability%20check.html">Contact Us</a></div>
</div>
 <div id="footer" style="float: right;margin-right:120px; width: 600px; height: 278px;">
    <p align="center"><strong>About Mark Coffman Photography</strong></p>
    <p>Love
      is a feeling in which words cannot express.   Photography
      allows us to tell the story of your wedding day and your life
      together.  The photographs we take show the emotion and love
      between not only the bride and groom but all of the guests in
      attendance.  The day for us begins early by photographing the
      arrival of the wedding party and the early preparations.  The day
      progresses to capture formal photographs of the couple and of the
      family before and/or after the ceremony.  During the ceremony and
      reception, all of the major events are captured as well as all of the
      little details which you spent so much time and effort planning. 
      We also assist you all day to ensure your day progresses smoothly and
      all your needs are taken care of so the only thing you have to worry
      about is having fun and enjoying your special day. Please e-mail us
      today to check availability and reserve your date at <a href="mailto:[email protected]">[email protected]</a>.</p>
    <p class="style1" align="center"> </p>
  </div>
<div id="f-vertical-menu" style="position: relative; left: 0px; top: 0px; width: 150px; height: 349px;">
  <object style="display: none;" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" z-index:1="" width="150" align="left" height="349">
    <param name="flash_component" value="VistaVerticalFull.swc">
    <param name="movie" value="2009 website-aboutus_files/menu.swf">
    <param name="quality" value="high">
    <param name="FlashVars" value="flashlet={_subMenuTransparency:100,_subButtonTextColor:#FFFFFF,_subMenuColor:#1E1E1E,_removeSubDelay:500,_mainButtonHeight:33,_subHighlightColor:#999999,_subTextAlign:'left',mainSoundURL:'None',_subFont:'Palatino Linotype',_subButtonHeight:23,_menuColor:#131313,clickSoundURL:'None',_mainContrast:60,_mainButtonTextColor:#FFFFFF,_menuWidth:150,_mainTextAlign:'center',_mainFontSize:18,subSoundURL:'None',_subHlTransparency:50,bg_Pic_URL:'None',_minSubWidth:80,_mainFont:'Palatino Linotype',_mainButWidthExt:22,_mainHighlightColor:#FFFFFF,xml_Path:'None',_subFontSize:12}">
  </object>
  <noscript>
  </noscript>
  <script type="text/javascript">var vconnected; if (vconnected){ Run_f_vertical_menu() }else{ alert("The page is not connected with script file ActiveContentVertical2.js") };function JSF(url){alert("javascript: "+url);}</script><div id="f-vnew" style="position: absolute; z-index: 9999; left: 0px; top: 0px; width: 150px; height: 298px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="vnfo" vspace="0" width="100%" height="100%" hspace="0"><param name="movie" value="2009 website-aboutus_files/menu.swf?xr=true&mh=550"><param name="FlashVars" value="flashlet={_subMenuTransparency:100,_subButtonTextColor:#FFFFFF,_subMenuColor:#1E1E1E,_removeSubDelay:500,_mainButtonHeight:33,_subHighlightColor:#999999,_subTextAlign:'left',mainSoundURL:'None',_subFont:'Palatino Linotype',_subButtonHeight:23,_menuColor:#131313,clickSoundURL:'None',_mainContrast:60,_mainButtonTextColor:#FFFFFF,_menuWidth:150,_mainTextAlign:'center',_mainFontSize:18,subSoundURL:'None',_subHlTransparency:50,bg_Pic_URL:'None%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website.html%22%3EHome%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520about%2520us.html%22%3EAbout%20Us%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%20class%3D%22submenu%22%3E%0A%20%20%09%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520about%2520us.html%22%3EAbout%20Us%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520meet%2520mark.html%22%3EMeet%20Mark%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520availability%2520check.html%22%3EContact%20Us%3C/a%3E%3C/div%3E%0A%20%20%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520wedding%2520packages.html%22%3EPackages%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%20class%3D%22submenu%22%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520wedding%2520packages.html%22%3EWedding%20Packages%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Wedding_Contract.pdf%22%3EContract%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520availability%2520check.html%22%3ECheck%20Availability%3C/a%3E%3C/div%3E%0A%20%20%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520wedding%2520gallery.html%22%3EGallery%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%20class%3D%22submenu%22%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520engagement%2520gallery.html%22%3EEngagements%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520wedding%2520gallery.html%22%3EWeddings%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520album%2520design%2520gallery.html%22%3EAlbum%20Designs%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520availability%2520check.html%22%3ECheck%20Availability%3C/a%3E%3C/div%3E%0A%20%20%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Online_Proofing.html%22%3EOnline%20Proofing%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%20class%3D%22submenu%22%3E%0A%20%20%09%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Online_Proofing.html%22%3EProofing%20Gallery%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Print%2520Order%2520Form.xls%22%3EPrint%20Order%20Form%3C/a%3E%3C/div%3E%0A%20%20%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520promotions.html%22%3EPromotions%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520testimonials.html%22%3ETestimonials%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Blog.html%22%3EBlog%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520availability%2520check.html%22%3EContact%20Us%3C/a%3E%3C/div%3E%0A',_minSubWidth:80,_mainFont:'Palatino Linotype',_mainButWidthExt:22,_mainHighlightColor:#FFFFFF,xml_Path:'None',_subFontSize:12}"><param name="wmode" value="transparent"><embed src="2009%20website-aboutus_files/menu.swf?xr=true&mh=550" flashvars="flashlet={_subMenuTransparency:100,_subButtonTextColor:#FFFFFF,_subMenuColor:#1E1E1E,_removeSubDelay:500,_mainButtonHeight:33,_subHighlightColor:#999999,_subTextAlign:'left',mainSoundURL:'None',_subFont:'Palatino Linotype',_subButtonHeight:23,_menuColor:#131313,clickSoundURL:'None',_mainContrast:60,_mainButtonTextColor:#FFFFFF,_menuWidth:150,_mainTextAlign:'center',_mainFontSize:18,subSoundURL:'None',_subHlTransparency:50,bg_Pic_URL:'None%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website.html%22%3EHome%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520about%2520us.html%22%3EAbout%20Us%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%20class%3D%22submenu%22%3E%0A%20%20%09%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520about%2520us.html%22%3EAbout%20Us%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520meet%2520mark.html%22%3EMeet%20Mark%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520availability%2520check.html%22%3EContact%20Us%3C/a%3E%3C/div%3E%0A%20%20%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520wedding%2520packages.html%22%3EPackages%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%20class%3D%22submenu%22%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520wedding%2520packages.html%22%3EWedding%20Packages%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Wedding_Contract.pdf%22%3EContract%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520availability%2520check.html%22%3ECheck%20Availability%3C/a%3E%3C/div%3E%0A%20%20%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520wedding%2520gallery.html%22%3EGallery%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%20class%3D%22submenu%22%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520engagement%2520gallery.html%22%3EEngagements%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520wedding%2520gallery.html%22%3EWeddings%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520album%2520design%2520gallery.html%22%3EAlbum%20Designs%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520availability%2520check.html%22%3ECheck%20Availability%3C/a%3E%3C/div%3E%0A%20%20%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Online_Proofing.html%22%3EOnline%20Proofing%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%20class%3D%22submenu%22%3E%0A%20%20%09%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Online_Proofing.html%22%3EProofing%20Gallery%3C/a%3E%3C/div%3E%0A%20%20%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Print%2520Order%2520Form.xls%22%3EPrint%20Order%20Form%3C/a%3E%3C/div%3E%0A%20%20%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520promotions.html%22%3EPromotions%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520testimonials.html%22%3ETestimonials%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/Blog.html%22%3EBlog%3C/a%3E%3C/div%3E%0A%20%20%3Cdiv%3E%3Ca%20href%3D%22http%3A//www.markcoffman.net/2009%2520website/2009%2520website%2520-%2520availability%2520check.html%22%3EContact%20Us%3C/a%3E%3C/div%3E%0A',_minSubWidth:80,_mainFont:'Palatino Linotype',_mainButWidthExt:22,_mainHighlightColor:#FFFFFF,xml_Path:'None',_subFontSize:12}" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" vspace="0" width="100%" height="100%" hspace="0"></object></div>
  <!-- End of f-vertical menu code -->
</div>
 
</div>

 

[entrefoto]

Thank you for the help! I input this code and worked great. However, this is one of the pages that worked fine to begin with as it did not have overflow text in the DIV. I did this same thing to a page that did (i.e. wedding packages and Online Proofing.) Please let me know if you have suggestions for these pages. Thanks!

 

[pcp]

You have a problem in Firefox too - there is a massive black area on the right of your homepage...

 

[entrefoto]

You have a problem in Firefox too - there is a massive black area on the right of your homepage...

Yes, i have noticed this too, but forgot to post about it. thanks for mentioning here!

EDIT: I just found the source of this problem and fixed it.

You have a problem in Firefox too - there is a massive black area on the right of your homepage...

I also noticed in your screenshot that the form hangs off the wrapper DIV. Are you using firefox on mac?