While it looks fine in Dreamweaver, it doesn’t when viewed in chrome or firefox. I realize DW is not the correct preview…
The side nav is fine and the background image is where i need it, but the text shifts to the right. I would like it beside the navigation. Im pretty sure it has to do with the div width but having a hard time figuring out the proper css… link The BIO Section.
<div class="container">
<div id="section_heading"><img class="center" src="images/bio_hdr.jpg" alt="" width="844" height="107" /></div>
<div id="side_menu">
<div id="vertmenu">
<ul>
<li><a href="#section_top" tabindex="1">Top</a></li>
<li><a href="#section_gallery" tabindex="2">Gallery</a></li>
<li><a href="#section_links" tabindex="3">Links</a></li>
<li><a href="#section_contact" tabindex="4">Contact</a></li>
</ul>
</div>
</div>
<div class="bio_block">
<div id="bio_list">
<ul>
<li><span class="bio_label">Name:</span> Joe Campoli</li>
<li><span class="bio_label">Home:</span> Toronto, Ontario</li>
<li><span class="bio_label">Occupation:</span> Entertainer</li>
<li><span class="bio_label">Weapon of Choice:</span> Microphone</li></ul></div>
<div id="bio_item">
<div id="bio_text">
<p>Joe Campoli is a talented performer as a singer and also a Master of Ceremonies. Having been in the entertainment industry for over 10 years has Joe performing at many different style functions across Ontario. The popular venue being Weddings is where he began to expand on different genres of music taking on the likes of Jazz, R&B, Pop, Rock to Country and modern day. </p><br /><br />
<p>Joe's love for entertaining and mainly singing has come at the tender age of 6. Coming from a musical family on both sides of his Mother and Father. His late father had played the accordian as well as his uncle. A cousin who plays guitar, another 2 cousins who are brothers that play drums and keyboards whith whom Joe performs with today. Music has been his entire life's passion. </p><br /><br />
<p>Through his years as a teenager he learned to play guitar. Soon after he had turned 21 Joe had joined Puente del Diablo where he takes place as Lead Singer/Rhythm Guitarist, A Rhumba Flamenco inspired group based out of Toronto, Canada. Through the bands years together they have travelled to different parts of the world entertaining many in South Korea and South Beach Miami. To the present day the band continues to put out music and perform together across Ontario. Joe also keeps busy performing in a U2 tribute act named VeRTigo - A U2 Experience. </p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
/* ############ SIDE MENUS ############ */
div#side_menu{
float:left;
width:170px;
margin-right:20px;
}
#vertmenu {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 14px;
font-weight:bold;
width: 150px;
margin: 30px 0 0 5px;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 14px;
display: block;
border-bottom: 1px dashed #001921;
padding: 5px 0px 2px 4px;
text-decoration:none;
text-transform:uppercase;
color:#CCC;
width:150px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color:#6CF;
}
/* ####### BIO ####### */
#bio_list ul li {
margin-left:-40px;
list-style-type:none;
font-family:"Courier New", Courier, monospace;
font-size:14px;
font-weight:bold;
line-height:25px;
}
.bio_label {
color:#6699FF;
}
.bio_block {
margin:10px 0 10px 0;
font-size:12px;
float:right;
background-image:url(../images/bio_bg.jpg);
background-repeat:no-repeat;
background-position:right top;
height:700px;
}
.bio_block h2 {
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
color:#66ccff;
}
#bio_item {
margin-top:10px;
clear:right;
}
#bio_text {
width:530px;
}
#bio_text p{
background-color:#000000;
display:inline;
}