Need help hover CSS

Hi all, I have a need to create a hover effect on an article that has a series of tags, div or sections it contains.

I have the hover working on the wrapper where the box-shadow is done, and it shows when you hover over white or gray areas. But, as you will see, the grey area also has an additional hover effect added to what I want activate few matter where you place the cursor. Currently, it activates only when you place directly on it. I want to take place is the white area of the wrapper will also raise the gray area to change, but I can't understand this.

See my sample code here: Untitled Document but basically everywhere you go, I want the box-shadow and rgba to activate.

So, how can I do? Are there any tutorials that I could follow you know, or y at - there a name for this technique I can get?

Thank you.

See code in the post above - then you will ask how the code onlt affcet, a box (it seems to be a catelogue element). Display the script block to as below:

Tags: Dreamweaver

Similar Questions

  • Need help with CSS Fonts and AP Divs. (separate issues)

    Hi all

    I have two BIG problems that I just can't understand at all. No matter what I do, nothing works for eith er from these two very different problems.

    I am running Windows7 and using Dreamweaver MX and CS4 (cannot afford to upgrade).

    A problem

    Colors of the fonts, size and Styles. I ALWAYS end up resorting to MX to solve these problems. I need fonts of different colors for the various paragraphs, I also need to sizes and styles. But change always changes. I went in the CSS panel and tried to change it, but no luck. I tried the option "Compound (depending on your selection)", but not chance it. The problem is that CS4 CSS Forces on the reguardless of the user, if they need it or not. The only thing I need CSS for is Accordians, Flash, Drop menus, etc. But when it comes to simple, flat, HTML I have more control as I do in MX. I ALWAYS start a new project as a file HTML but CSS is automatically applied to the entire site.

    What Miss me?

    I need to remove MX, but not until I find this CSS problem.

    =========================

    Two problem

    It is nothing new to most here, I'm sure. The demand for Flash Pop Ups that convert a banner (Style Yahoo) has increased and demand has flooded my ears of the customers. The largest is UGAI. Who has site was created in MX in large part due to the above problem. Advertisers want flash ads full Page that are small and pop up when you fly over its advertising HTML normal or that fills a space and plays Flash runs and then uses their Flash banner to reveal the entire site again. And they are willing to pay BIG for this seemingly simple feature.

    How to make this work? Dreamweaver allows layers/overlays which I can apply transparent in Flash. Also known as a "Div. AP" but these layers keep jumping around. It's even worse when seen in different resolutions. I can get the overlays work perfect on MySpace 1.0 profiles, but not in Dreamweaver or manually via Notepad. And no matter if I'm in MX or CS4.

    PS: I spent MX to CS4 soon as CS4 came out. CSS has proved to be a pain, and now I have to learn CMS (Joomla) as well. All on my own.

    > _ <

    This is a CS4 site created still early in development.

    Thanks for any help,

    Richard

    Problem #1-

    Mylenium says, knowing how to use CSS to style your content is the basis for modern web design. Stop relying on old-fashioned, obsolete HTML style tags. that makes the code invalid, swollen and inflexible work later.

    Let's say you have 3 paragraph styles you want to use throughout your web site: red, green and blue - colours used here for demonstration purposes only.  Simply set the 3 paragraph styles in your external stylesheet and link your HTML pages to this physical file.

    CSS code:

    . Red p {}

    color: Red;

    make-weight: bold;

    }

    . Green p {}

    color: Green;

    make-weight: normal;

    }

    . Blue p {}

    color: Blue;

    make-weight: bold;

    }

    HTML:

    It's Red and "BOLD"

    It's blue and "BOLD"

    In the meantime, it's normal text with red textgreen textand Blue .

    How to link an external stylesheet to pages HTML in DW-

    http://ALT-Web.com/demos/DW-link-stylesheet.shtml

    Problem #2-

    You can do it quite easily with a window system modal JavaScript as Floatbox

    http://randomous.com/floatbox/demo

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web-design.blogspot.com/

  • Arrgh, needing help with CSS style sheets

    Please see the source code for these pages and tell me if you can figure out where I'm missing something.

    My new pages marriage until now look like this:
    http://www.chuckbryant.com/Jan/anew-0217A.htm
    (consistent with the rest of the folder/jan)

    Because of all the foliage in most shots, I WANT the wedding pages to have the same style of deep-green base than my WCYC pages - for example:
    http://www.chuckbryant.com/WCYC/WCYC_Home.html

    I even started with a brand new page - no style whatsoever. I went to the Page Properties, set up as I wanted to, with NO imported or linked style either - then when I downloaded it, or even totally outside the record jan, it somehow caught / jan pages' properties (figure of pink FF99FF)! How the #% $^ & * @! he did THIS?

    I tried to put in the WCYC style both as an import and a link. Today from the page WCYC Finally I get it - it's almost everything is OK, but it still has the rose outside the table:
    http://www.chuckbryant.com/Jan/anew-0217B.htm

    Add to the frustration: when I hit REFRESH, for a moment, I'll see the flash of green all around, but then returned the pink background. Somehow the anew0217 pages read the Green style deep, but they hold on him.

    . . . . . . . (insert mild expletives here)

    I'm still holding off on building and load the rest of the wedding pages until I have correctly attributed WCYC style (and my lovely wife getting a little upset that I did not yet!) So please help extend my honeymoon phase by sharing simple, clear explanation from here screwing in this place and specific instructions on what I need to do.

    Understand that I entered in this return of three years, with a unique college using MX 2004 course. I created most of my pages and then, when I had more clearly technical aspects in mind. Since then, I've forgotten a lot of details, and I'm sure that I slipped in some sloppy work habits, and probably the gobs of my source code has mutated into something wrong. Please do not forget my limits. I don't remember details that experienced web site designers take for granted, so I may need to ask for clarification on some things that seem glaring more knowledgeable people here.

    Thank you very much!

    > http://www.chuckbryant.com/jan/anew-0217B.htm

    http://www.chuckbryant.com/Jan/wcyc.CSS is 404 not found.

    consolidate and clean.

    There are also css inside a library item.

    Suggestion: Open the library item and removes the styles.
    Then use the CSS panel to set a design time stylesheet - one you use
    to put all the information in style for this section.

    then styles will appear when you change the .lbi file and are available
    to apply and can be changed.




    delete all the above

    tag in the lbi file.

    put or do these rules of css in the main css file, which I think is
    /Jan/Jan.CSS or/WCYC/wcyc.css, not sure.

    simplify and consolidate the

    --
    Alan
    Adobe Community Expert, dreamweaver

    http://www.Adobe.com/communities/experts/

  • Need help using CSS positioning for film/text

    I was Deconstructing a few locations to get a better understanding of the CSS for a simple portfolio.
    In any case, I have a simple navigation, put in place in place, I want to put my next movie. The problem is that I can't work out how to place it next to the buttons...
    The url for the site is: http://www.notjustthenews.co.uk/page8.html
    Once I did, I want to place a paragraph of text to the right of the film so if you resize the browser window the text will wrap around the film.
    Any help would be most appreciated.

    CSS is question is:

    {#wrapper}
    float: right;
    Width: 75%;
    margin: 0;
    padding: 0 3% 0 0;
    }

    {#widescreen}
    float: left;
    padding: 0px 10px 0px 0px;
    margin: 0 5px 5px 0;
    }

    Don't know what that the forum and the forum of news made with code these days
    but here's the full coding/css you need. (What is it)
    transfer ok)

    " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" ><> ".
    "xmlns =" http://www.w3.org/1999/xhtml ">
    notjustthenews.co.UK


    }


    notjustthenews.co.UK


    Home | movies |<>
    href = "#" > audio | Web sites | Comments on
    | other stuff | contact





    codebase =" http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7, 0,0,0"
    name = "defenses" width = "402" height = "240" align = "middle" id = "full screen" >







    quality FlashVars = "vidpath = Defences.flv" = 'high' salign = "tl"
    bgcolor = "#000000" width = "402" height = "240" name = 'exceptions '.
    Align = "center" allowscriptaccess = "sameDomain".
    Type = "application/x-shockwave-flash".
    pluginspage =" http://www.macromedia.com/go/getflashplayer" > "

    This is a filler text. This is a filler text. It is a part
    filler text.


    This is a filler text. This is a filler text. It is a part
    filler text.


    This is a filler text. This is a filler text. It is a part
    filler text.


    This is a filler text. This is a filler text. It is a part
    filler text. This is a filler text. This is a filler text. It comes
    the filler text.


    This is a filler text. This is a filler text. It is a part
    filler text. This is a filler text. This is a filler text. It comes
    the filler text.


    This is a filler text. This is a filler text. It is a part
    filler text. This is a filler text. This is a filler text. It comes
    the filler text.


    This is a filler text. This is a filler text. It is a part
    filler text. This is a filler text. This is a filler text. It comes
    the filler text.




  • Need help with css on my site

    Hello and thanks!

    I only know the basics of Web design. I'm still learning. I asked for help here and get some great results. My website is located at http://www.ci.guilford.ct.us/ , if you look at the quick links section, there is a css for this configuration. My question is this. The last link called Guilford mass Notification I would put red or another color. What would be the best way to do this to keep things consistent but also not to spoil it? Any help would be appreicated. Thank you!!

    Tony

    Create a CSS pseudo-class.

    #quicklinksContainer ul li a.red {color: red ;}}

    HTML:

  • Your text link
  • Nancy O.

  • Need help w/CSS

    I'm trying to use CSS to dynamically set the background image in a specific location in a table based on a 'URL. Parameter. Is it possible to use a parameter passed from a calling page in CSS?

    Example:

    < style >
    <!--
    @media print
    {
    . Body {display: none}
    }
    #ArtImage
    {
    background-image: url (.. /.. / images/fullpics/#session.mydirectoryname#/#url.filename#.jpg);
    background-repeat: repeat no.;
    }
    ->
    < / style >

    to be used as follows:

    < div >
    < table align = "center" >
    < tr > < td >
    < cfoutput >
    < td height = "ArtImage' = id" "#IMG_HEIGHT #" width = "#IMG_HEIGHT #" > "
    "< img border ="4"height =" "#IMG_HEIGHT #" width = "#IMG_WIDTH #" src = "cover.gif" >
    < table > < / cfoutput >
    < table >
    < /tr >
    < /table >
    < / div >

    Summer banging my head with this. IF I use:

    < background td = '#URL. SomeImageName #">"

    I get the tile and this is not acceptable.

    Any help will be appreciated

    John

    John, I think that craigkaminsky has already identified the problem. In your definition of style you use cf variables in:

    background-image: url (.. /.. / images/fullpics/#session.mydirectoryname#/#url.filename#.jpg);

    but they are not inside a cfoutput tag.

    try something like this:

  • Newbie need help with css formatting

    I'm new using a dw (cs3) and css, although I have a background in html and coding. I am creating a page using the page "a column elastic, centered, header and footer" layout and I have a header banner with a horizontal spry menu bar at the bottom of the header. the background color of the buttons on the menu bar is red and there is a border of yellow 5px up and down the Red menu bar, so it seems that there is a red bar with yellow edging above and below, and this bar is between the header and the body section of the page. I put these colors in the "ul. MenuBarHorizontal a' rule.

    now, the question I have is that my menu bar does not span the entire column, so there is an empty space to the right of my menubar between (the end of the menu bar) and the right column. I would like the appearance of the red and yellow menu bar to expand completely, but I can not understand how to do this in css.

    make:

    extend the bar menus completely on the entire width of the page? I can't understand how to do this.

    Insert a picture to make it appear as if the red and yellow bar continues that extends to the right? If so, how that image will remain elastic and my page?

    or is there a better solution?

    I'm very new to css and I do my best to understand how everything fits together. the last website I built was in 1997 and it has been done in Notepad. any help would be huge. I'm in kinshasa in the Democratic Republic of the congo, and truth be told it is not a lot of gurus dw here.

    Thanks in advance...

    charliemooreiv wrote:
    > you can see what I have up to the http://www.kfhhh.com/amicus/

    Try to cut the border of your ul elements. MenuBarHorizontal a rule so
    what it looks like so...

    UL. MenuBarHorizontal a
    {
    display: block;
    cursor: pointer;
    background-color: #ce1021;
    Color: #333;
    text-decoration: none;
    do-family: Arial, Helvetica, without serif.
    do-size: 14px;
    make-weight: bold;
    Width: 90%;
    padding-top: 0.5em;
    padding-right: .75em;
    padding-bottom: 0.5em;
    padding-left: .75em;
    }

    ... and then create this rule in which are the cutting edge elements
    site as well as a width, background color, and the left float...

    {#MenuBar1}
    Width: 46em;
    background-color: #ce1021;
    float: left;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #F7D518;
    border-bottom-color: #F7D518;
    }

    Only tested in FF.

    HTH

    --
    Chin chin
    Sinclair

  • Unable to debug the CSS and JS MAF Application - need help

    Hello

    I tried to debug my app as a result of this process. BU has had no success.

    http://www.Ateam-Oracle.com/debugging-MAF-applications-on-Android/


    Only able to find attached as #EMULATOR sdk emulator - 5554 under chrome://inspect/#devices.

    But did not find the HTML code under it.

    It is always empty, although the emulator displays the page of the app.

    Could if it you please let me know if I am missing something here.

    I started the

    C:\JDeveloper\mywork\ChromeDebugTest\deploy\Android1 > Bad start-server
    * demon does not. from now on port 5037 *.
    * the daemon started successfully *.

    and check USB dubbing checked into the emulator.

    I put the proxy also in the emulator.

    ___________________________________________________________________

    I get the log in the logcat as below.

    09-25 13:05:57.496: D/AndroidRuntime (1194): > > > > > > com.android.internal.os.RuntimeInit AndroidRuntime START < < < < < <

    09-25 13:05:57.506: D/AndroidRuntime (1194): CheckJNI is running

    09-25 13:05:57.570: D/dalvikvm (1194): attempt to load lib libjavacore.so 0 × 0

    09-25 13:05:57.576: D/dalvikvm (1194): added shared lib 0 × 0 libjavacore.so

    09-25 13:05:57.616: D/dalvikvm (1194): attempt to load lib libnativehelper.so 0 × 0

    09-25 13:05:57.616: D/dalvikvm (1194): added shared lib 0 × 0 libnativehelper.so

    09-25 13:05:57.836: D/WebViewTimersControl (745): onBrowserActivityPause

    09-25 13:05:57.836: D/WebViewTimersControl (745): suspension webview timers, view = com.android.browser.BrowserWebView {40cdc720 VFEDHVCL. F... ID 0, 0-480 762}

    09-25 13:05:58.646: D/AndroidRuntime (1194): call the main entrance com.android.commands.pm.Pm

    09-25 13:05:58.916: D/AndroidRuntime (1194): VM stop

    Need help to solve this problem

    Thank you
    Ajoie

    I think that the minimum version of the Android SDK for this to work is 4.4 + API level 19 +.

    CM.

  • Need help with mobile layout

    Hello. Need help with my layout sensitive, using straight lines only html5 and css3 that I can understand and explain a novice level please - without any restart. Desktop and mobile are in a single html doc. The desktop version is 'ok '.

    current version (6_2)

    Try to match these mobile Office layouts

    On the mobile version:

    -Impossible to get the buttons nav blocks, vertical text button Align, and align the image of the product (square pictures) to the Center. (margin: auto; does not work)

    I used heights in the header because I'll have code for desktop, mobile and tablet in the CSS so it changes (and do not know how to support better). Also need to Add a link to the logo image background in header.

    Thanks in advance!

    TheOriginal150mph wrote:

    Hello. Need help with my layout sensitive, using straight lines only html5 and css3 that I can understand and explain a novice level please - without any restart. Desktop and mobile are in a single html doc. The desktop version is 'ok '.

    current version (6_2)

    Try to match thesemobile Officelayouts     

    On the mobile version:

    -Impossible to get the buttons nav blocks, vertical text button Align, and align the image of the product (square pictures) to the Center. (margin: auto; does not work)

    Commenting on just a habit of property changing the css if you have defined it for the desktop version. Your nav elements are not vertically Center because you have a bottom padding set on them for the office, there are only changes for mobile in your css media query.

    .main-nav a {}

    display: block;

    text-decoration: none;

    / * padding-bottom: 15px;   */

    Padding: 12px 0;

    }

    Change the properties for the .product-images for mobile boxes: you have float attached to them for the desktop version and which cascade down to the mobile version, unless you change in the media query:

    .product-image {}

    float: none;

    Width: 50%;

    margin: 0 auto 20px auto;

    }

    As I mentioned in one of my posts related to your project, you will probably have to make your product images a bit larger. They fill the area once they form a column to width of 768px screen or you could resist transform them to one column until a little more by using a media query extra set at a narrow screen width to evoke this action

  • Need help with the plugin gallery

    Hola

    I need your help (yet) to understand

    Why the lightbox plugin does not work in this site.

    http://mydsigner.com/Claudia/gallery_manteca.html

    So the people you know, this is the site I asked before at this link;

    What is happening with the new Adobe wants to use your trick of confidential information

    Here is the site of origin;

    http://www.lascasuelasmexicanrestaurant.com/gallery/details.php?Gallery=Manteca_4

    As you can see here, all PAGES ARE PHP (?)

    Well, I managed to get the html pages, change some things,

    everything works fine, but the Gallery does not work, and I have no idea why.

    You see, the page contains a link to a lightbox css who for some strange reason,.

    I can not find the server
    ; href =" /CSS/bootstrap-lightbox.min.CSS


    When I looked for this file, it is simply not there, then

    I received a bootstrap file and put it in there, but the light therapy device won't always work.


    Your Assistant need help here.


    Thank you very much


    Greetings from California

    Daniel Ulysse wrote:

    and at the bottom, after the footer;

    Is this correct?

    what Miss me?

    Thank you

    This is what is wrong - it should NOT be


    It should link to the js file NOT the css file:

  • need help with spacing in Dreamweaver

    Hi I need help I did a site in Dreamweaver using a box format. I never did, but I have a gap between my header and navigation bar that I just can't close. What should I do?

    By default, browsers add their own margins and padding to HTML elements.  Many people use a CSS Reset to remove this default spacing, then add their own values to the different CSS selectors.

    This quick and dirty reset uses an asterisk (*) as a wildcard selector.  This removes the default margins and padding of all:

    CSS:

    * {margin: 0; padding: 0}

    Other methods of Reset CSS:

    http://cssresetr.com/

    Nancy O.

  • Problem in creating a global var 'data' to a json file - need help

    I'm having a problem with a code and need help.
    I use the code below to load and parse a JSON file and store the result in a var 'data '. Everything works fine on the compositionReady page. The problem is that it would save a lot of extra time analysis of loading/if I could do this 'data' available worldwide. With the current

    var = eval (json) data

    the 'data' are only available locally. So, how do I or can I do a global var ABOARD cela?

    Here's what I have now and what I tried.

    $.getJSON ("images/profiles.json", function (json)

    {
    SYM. Data = eval (json); it does not work
    data var = eval (json);
    var temp = eval (json); , and is not this pair
    sym.setVariable (temporary data)
    for (i = 1; i 17 <; i ++) {}
    sym.getSymbol("thumb"+[i]).$("thumb1").css ("background-image", "url (".thumb + data.player [i] + ")" ");
    sym.getSymbol("thumb"+[i]).$("j_num").html (data.player [i] .j_num);
    sym.getSymbol("thumb"+[i]).$("p_name").html ((data.player[i].f_name) + "< br >" + (.l_name data.player [i]));
    } / / 3 above lines retrieves the thumbnail image of players, Jersey number and first - last name. it's all working well
    }
    );
    SYM.$("stage"). CSS({"margin-left":"auto","margin-right":"auto"});)

    There are 17 other 'profile' of sym.elements leaves, who will appear via ' by clicking on ' an animated image of an inch. Each sheet contains approximately 20 "fields" that get their data from the JSON file. If it is better to recharge/eval the json for each sheet I can do. It's just seems a better idea to be able to access the same 'data' and only load/parse it once?
    If any of you gurus of coding could help me I would appreciate it.

    Thank you

    Joel H

    Rough workaround is to use data = eval (json). This will create a global variable. Not a good solution though. Smarter way is to use the setVariable() method: sym.getComposition () .getStage () .setVariable ('data', eval (json)). After that, you can use data var = sym.getComposition () .getStage ().getVariable('data') to access.

  • Need help with a few JS Bumpbox 2.0 installation

    I am trying to add a lightbox effect to PDF on my site, I found a Javascript plugin to http://www.Artviper.NET/Bumpbox-demo/index.html that looks like it should do the trick, but I can't make it work.

    To narrow the problem that I created a test.html file I pasted to the root of the folder I downloaded on their site (so I'm working locally on my desk at this time)

    My code is as follows... I feel I'm missing something super obvious, everyone see? (I have to define the .bump class in the css file?)

    Thank you in advance for him very needed help!

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

    " < html xmlns =" http://www.w3.org/1999/xhtml ">

    < head >

    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

    < title > Untitled Document < /title >

    < / head >

    < body >

    " < a href =" http://www.Artviper.NET/test.PDF "class =" bump"rel =" "800-350 > PDF file & raquo; < /a > < br / >

    < script type = "text/javascript" src = "js/mootools.js" > < / script >

    "< script type =" text/javascript"src="js/bumpbox-2.0.1.js "> < / script >

    < script type = "text/javascript" > doBump (".bump", 750, 500, ' 111 ', ' 900', ' 0.8 ', 5, 1, '333', 15, '000', 4)

    Fx.Transitions.Bounce.EaseOut,

    Fx.Transitions.Bounce.EaseOut,

    "images/demo_bg_bumpbox.png,"

    "top-left",

    "repeat-x"); < /script >

    < / body >

    < / html >

    These paths do not work because they point to the files on your local hard drive.

    Work within a well-defined local site?

    You save these javascript files in the js folder in the root of your local site?

    Correct path to the scripts for this test page should look like this:

    PS. do not add spaces in file or folder names.  It can create problems for the web files.

    Nancy O.

  • need help with my page centering

    I have done everything I can think of, including going through the many posts here to try and fix it work with no luck

    Please see:


    http://ebnerproductions.com

    and

    http://ebnerproductions.com/index2.htm

    The first was built with basically just html.

    The 2nd was done "correctly" I believe with CSS and HTML. The 2nd was also "div - #wrapper.

    left and right margins are auto too... nothing has changed.

    I have to change something in the CSS of the absolute, to fixed or inherit?

    I'm completely lost at this point and really really need help.

    Thank you again in advance...

    Adam Ebner

    Your CSS is corrupt-

    : visit {}

    color: #6CF;

    (Note the appearance of the meta tag in the: visited selector)

    Fix this.

    Then you must add this rule to the CSS fixed by changing this-

    {body

    background-color: #EBEBEB;

    background-image: url (BG.jpg);

    margin left: 75px;

    top of the margin: 75px;

    background-repeat: no-repeat;

    }

    on this subject.

    {body

    background-color: #EBEBEB;

    background-image: url (BG.jpg);

    margin left: 75px;

    top of the margin: 75px;

    background-repeat: no-repeat;

    Width: 1346px;

    margin: 75px auto;

    }

    Then ask yourself how many people will still see this Center page 1346 is also wider than the width of the browser window average on most systems.

  • Z Index, overlay images, need help (crazy!)

    Need help on overlay images. As you can see, the "polaroid" a band on it - I want this band to overlap the menu bar.

    zindex.JPG

    The menu bar is a Graphic (there is a slight slope for her) and above it are the real menu graphics.  If I remove the menu graphics, photography rides very well.  But if I insert the menu chart, they are on top of the polaroid.  Thanks in advance for any help you can provide.

    Gary

    Here is the code for the page:

    SanDiegoHomegrown.com < h1 > < / h1 >

    < img src = "images/menuBar.gif" / > "

    < ul id = "menu bar" >
    < li = 'listen' id > < a href = "songs.html" > listen < /a > < /li > ""
    < id li = "submit" > < a href = "submit.html" > submit songs < /a > < /li > ""
    < li id = "seals" > < a href = "seals.html" > help < /a > < /li > seals ' "
    < li = 'about' id > < a href = "about.html" > Our Story? ' " < /a > < /li >
    < li = 'sponsors' id > < a href = "sponsors.html" > Sponsors < /a > < /li > ""
    < /ul >


    < div id = "polaroid" >
    < img src = "images/band2_polaroid.png" width = "280" height = "354" / > "
    < / div > <! - polaroid - >

    Here's the CSS:

    {#polaroid}
    height: 354px;
    Width: 280px;
    padding-left: 50px;
    margin-top:-40px;
    }
    {#menuBar}
    height: 30px;
    Width: 960px;
    padding: 0px;
    do-family: 'Courier New', Courier, monospace;
    list-style-type: none;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    margin-top:-30px;
    }

    #menuBar a {}
    Width: 175px;
    display: inline-block;
    color: #2F3032;
    text-align: left;
    vertical-align: 0%;
    margin: 0px;
    list-style-type: none;
    float: left;
    height: 35px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    text-indent:-9999px;
    }

    {#menuBar #listen
    background-repeat: no-repeat;
    position: absolute;
    background-image: url(images/titles/listen_bar_orig.gif);
    }

    {#menuBar #submit}
    background-image: url(images/titles/submit_bar_orig.gif);
    background-repeat: no-repeat;
    position: absolute;
    margin left: 150px;
    Width: 200px;
    z-index: 1;
    }

    {#menuBar #seals}
    background-image: url(images/titles/seals_bar_orig.gif);
    background-repeat: no-repeat;
    position: absolute;
    margin left: 375px;
    Width: 225px;
    }

    {#menuBar #about}
    background-image: url(images/titles/about_bar_orig.gif);
    background-repeat: no-repeat;
    position: absolute;
    margin left: 625px;
    }

    {#menuBar #sponsors}
    background-image: url(images/titles/sponsor_bar_orig.gif);
    background-repeat: no-repeat;
    position: absolute;
    margin left: 800px;
    }

    Auggh, just figured it out.  Polaroid should be relative positioning!

Maybe you are looking for