3 Column CSS "row" not working in IE!

Discussion in 'CSS' started by Mr. Damnation, Jul 25, 2008.

  1. #1
    I can't for the life of me figure out why this won't work in IE: http://romulusdesign.com/v2

    Here is the XHTML:

    
    <div class="footer">
                        	<div class="left"</div>
                            <div class="right"></div>
                            <div class="middle"></div>
                            <div id="cleaner"></div>
                        </div>
    
    Code (markup):
    and the CSS snippets:
    
    /* Footer Properties */
    	.recentWork .footer {
    		}
    		.footer .middle {
    			position:relative;
    			margin: 0 20px 0 20px;
    			width: 683px;
    			height: 15px;
    			background-color: #161616;
    			}
    
    .footer .left {
    	position:relative;
    	float: left;
    	background-image: url(images/container/bot_left.png);
    	height: 15px;
    	width: 20px;
    	}
    .footer .right {
    	position:relative;
    	float: right;
    	background-image: url(images/container/bot_right.png);
    	height: 15px;
    	width: 20px;
    	}
    
    Code (markup):
    Why won't it work in IE? What did I do wrong? I even used the Google IE7.js trick and it still won't work!
     
    Mr. Damnation, Jul 25, 2008 IP
  2. Mr. Damnation

    Mr. Damnation Peon

    Messages:
    47
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    HAHA I figured it out! The tag wasn't opened all the way (missing a '>'). Wow...I hate when things like that happen!
     
    Mr. Damnation, Jul 25, 2008 IP