how to use this dropdown script

[ModernRevolutions]

1) Script Title: Chrome CSS Drop Down Menu (v2.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/index.htm

3) Describe problem: Everytime I put the code up in my header.php document it always comes up with bullets. Like this: click here for example. What am I doing wrong?

[ModernRevolutions]

here is the code I am using:

<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
</ul>
</div>

<!--1st drop down menu --> 
<div id="dropmenu1" class="dropmenudiv">
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
</div>


<!--2nd drop down menu --> 
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="http://www.cnn.com/">CNN</a>
<a href="http://www.msnbc.com">MSNBC</a>
<a href="http://news.bbc.co.uk">BBC News</a>
</div>

<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>

[Snookerman]

Where exactly is the menu on your page? I can't find it.

[ModernRevolutions]

I took it down for a breif second to fix the layout it self. Ill put it back up.

[Snookerman]

The beginning of your page is missing. That is probably why there is no link to your chromestyle.css file. Make sure you use the same doctype as the one used on the demo page.

Good luck!

[ModernRevolutions]

I don't understand what your trying to say.

[ModernRevolutions]

Oh! I got it lol wow i feel dumb Thanks! Now how to to move the bar? Because I want it right under the header. But everytime i try and put it into a div it doesn't work :/

[Snookerman]

Change this:

div#headerdiv {
background-image:url(http://www.modernrevolutions.vivid-avenue.net/layout/bell/omfg3.jpg);
border:0 solid;
height:300px;
left:282px;
position:absolute;
top:50px;
width:699px;
}

to this:

div#headerdiv {style2.css (line 209)
background-image:url(http://www.modernrevolutions.vivid-avenue.net/layout/bell/omfg3.jpg);
border:0 solid;
height:300px;
width:699px;
margin: 0 auto;
}

Good luck!

[ModernRevolutions]

Now my header disappeared :/ lol and is there a way to make is skinner? So if fits in the white area and doesn't go across the whole page?

[Snookerman]

Sorry, I copied from firebug and forgot to remove the file name, remove the highlighted:

div#headerdiv {style2.css (line 209)
background-image:url(http://www.modernrevolutions.vivid-avenue.net/layout/bell/omfg3.jpg);
border:0 solid;
height:300px;
width:699px;
margin: 0 auto;
}

so you get this:

div#headerdiv {
background-image:url(http://www.modernrevolutions.vivid-avenue.net/layout/bell/omfg3.jpg);
border:0 solid;
height:300px;
width:699px;
margin: 0 auto;
}

Good luck!