Background Image Not Working Inside <form>

**eimpact** · 02-25-2012 11:13 PM

I just finished building a Master page for my site and for some reason one (not all) of the background images is no longer displaying. I noticed that when I take out the <form> tag that it appears. Below is some relevant code:

Master Page

Code:

<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div class="bgwrapper">
            <div class="wrapper">
                <div class="header">
                    <div class="logo">
                        <h1>Junk</h1>
                    </div>

Stylesheet

Code:

.bgwrapper {
	background:url(/images/bdy-bg.png) repeat-x
}

.wrapper {
	width:810px;
	margin:0 auto
}

.header {
	height:105px;
	padding:10px 0 0 12px
}

.logo {
	background:url(/images/logo-trans.png);
	width:228px;
	height:101px;
	float:left
}

The strange part is that the background in the logo class displays just fine. Both bg images are in the same directory, so it isn't a path issue (but I've tried a number of ways, just in case). There are no errors and everything else on the site works just fine. Any tips you can provide are greatly appreciated!

**eimpact** · 02-25-2012 11:55 PM

Found the issue...had a second <form> tag in the content page...

Thread: Background Image Not Working Inside <form>

Thread Tools

Display

Background Image Not Working Inside <form>

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions