I am baffled by this minor problem!
On all browsers the site looks fine except IE, on the portfolio section the bottom menu is dropped down slightly further.
I have removed the whole menu from that box and it still drops down, so its not the menu coding.
Website link
HTML code
- Code: Select all
<div id="portfoliomain">
<div id="portfoliotext"></div>
<div id="portfolio">
<img src="Main.jpg" alt="Image"></img>
</div>
<div id="portfoliomenu">
<ul id="menu">
<li>
<span class="box">
Use these links to view my work
</span>
</li>.................
CSS Code
- Code: Select all
#portfoliomain {width:599px;
float: left;
background: #D7CAC1;
height: 350px;
border-right: solid #FFFFFF 1px;}
#portfolio {width:414px;
float: left;
height: 314px;}
#portfoliotext {width:180px;
float: left;
height: 314px;
padding-left: 5px;
font-size:11px;}
#portfoliomenu {width:599px;
float: left;
background: #BFAC9B;
height: 36px;}