Hello, We are working on a script here - www.bidzstock.com You can see when you hover on the main menu a hover design comes up with 2 rounded corners on the bottom, we are trying to get that out of the way and have it just be a solid block behind it nothing with roudned corners but we cant. The image that is being used for the background has no rounded corners on it and i am posting the HTML here as well as the css: Below is a copy of the CSS:
1) Why is it in a table? 2) do you REALLY need all those pointless DIV? 3) If you separated out those properties to separate lines it would be a LOT clearer what's going on there. 4) Jenev is on the correct track, just strip out all the various border-radius. Though that small snippet of code shows a laundry list of bad/outdated markup... combined with the white-space stripped CSS I smell some developer trying to sweep their ineptitude under the rug by making the code illegible. (though that could just be my distaste for white-space stripping talking). Looking at the site in question... GAH... that is a mess.... BODY tag before the doctype, bizzare mix of HTML 3.2 in a tranny doctype (proudly proclaiming to all that the code is in transition from 1997 to 1998), multiple body tags, tags and attributes that have no business being used on a website written after 2003, non-semantic markup, non-breaking spaces doing padding's job, tables for layout, static presentation in the markup -- that's 15.5k of markup to deliver 1k of plaintext and maybe a dozen content images? That's easily two or even three times the code that should be present. It looks like it's had way too many hands in the pot for over a decade, it's seriously time to throw that away and start over. Just the multiple body tags and body tag preceeding the doctype is a indicator that something has gone horrifically wrong for you... as evidenced by the 64 validation errors meaning it's not even HTML, it's gibberish.
Use this one t oremove bottom left/right round edge : #mainnav{width:968px;height:50px;padding:0 15px;margin:20px 0 0 0;text-transform: uppercase;background:url(../img_files/mainnav-bg.png) transparent center top no-repeat;float:left;} #mainnav .nav{width:718px;padding:0;margin:0;display:block;float:left;} #mainnav .nav ul{padding:0;margin:0;position:relative;z-index:999;} #mainnav .nav ul li{padding:0;margin:0;list-style:none;display:block;float:left;} #mainnav .nav ul li a{height:46px;padding:0 12px;margin:0 6px;list-style:none;display:block;float:left;font-family:Verdana;font-size:14px;font-weight:normal;letter-spacing:-0.03em;color:#fff;text-decoration:none;line-height:48px;} #mainnav .nav ul li a:hover{color:#fff; background:url(../img_files/mnav-tile.png) left top repeat-x;text-shadow:0 1px 1px #003358;} #mainnav .nav ul li a.active{color:#fff;font-weight:bold;background:url(../img_files/mnav-tile.png) left top repeat-x;text-shadow:0 1px 1px #003358;} Hope this will work for you Thanks, Sunil
Well to be honest, this is not my script, it was not made by us, it was made by a company offshore and we are using it for a startup site, and we are working on trying to get it all working correctly.